如何在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怎么打开代码提示
  • 热门搜索
    饺子馅咸了怎么办 丽台显卡怎么样 脸上长黄褐斑怎么办 初级会计证书怎么领取 性冷淡怎么治疗 卸妆乳怎么用 怎么把字写好看 怎么绑鞋带 huracan怎么读 怎么设置共享文件夹