如何在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怎么打开代码提示
  • 热门搜索
    小学生手抄报模板 五一劳动节手抄报图片 关于童话的手抄报 防震手抄报 关于文学的手抄报 书香伴我成长手抄报 英语手抄报的内容 手抄报边框图片大全 我的中国梦手抄报画 中国梦 手抄报