如何在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怎么打开代码提示
  • 热门搜索
    有关于元宵节的手抄报 数学手抄报初一 关于读书手抄报资料 有关英语的手抄报 安全文明手抄报图片 感恩大自然手抄报 关于三爱的手抄报 手抄报的格式 交通的手抄报 英语手抄报版面设计图