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

 时间:2026-05-01 13:49:10

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怎么打开代码提示
  • 热门搜索
    自我介绍怎么写 皮蛋怎么做好吃 cloudy怎么读 咳嗽怎么办 加油英语怎么说 favorite怎么读 奥凯航空怎么样 微信怎么截图 同学录怎么写 风筝怎么画