如何在Eclipse的Vue markdown功能启用图片上传

 时间:2024-10-26 11:29:12

1、第一步:打开Vue项目中的package.json文件,查看是否安装http功能,如果没有,则npm i vue-resource ,如下图所示:

如何在Eclipse的Vue markdown功能启用图片上传

2、第二步:打开包含markdown组件的App.vue文件,在文件中添加红色框内的代码,如下图所示:

如何在Eclipse的Vue markdown功能启用图片上传

3、第三步:使用Xshell连接服务器,在服务器中编辑上一步中的upfile.php文件,文件内容如红色框内所示:

如何在Eclipse的Vue markdown功能启用图片上传

4、第四步:在Eclipse的Terminal终端运行npm run serve,在浏览器中输入运行显示的IP,出现的页面中,点击图片按钮,选择上传图片,如下图所示:

如何在Eclipse的Vue markdown功能启用图片上传

5、第五步:选择上传图片后,出现如下图红色框类似的内容,则表示在Eclipse的Vue markdown功能启用图片上传成功。

如何在Eclipse的Vue markdown功能启用图片上传
  • 怎么使用 powerdesigner 生成 表结构图
  • Python编程:怎么设置tkinter按钮的字号
  • Eclipse实用技巧:如何快速查找Text文本字符串
  • Navicat for Mysql中如何导入sql文件
  • Eclipse怎么打开代码提示
  • 热门搜索
    黔阳古城旅游攻略 驻马店旅游景点大全 澳大利亚新西兰旅游 厦门好玩的旅游景点 湖南省内旅游景点 重庆旅游景点介绍 呼伦贝尔旅游局官网 春节旅游线路推荐 平顶山旅游网 井冈山旅游景点