VUE插件--'vue-file-upload'

项目需要图片上传,于是就搜集了一些关于上传的vue插件。



npmjs介绍页面:链接

插件安装:

命令行安装: npm install –save vue-file-upload

全局注入插件:

在VUE的根.js文件(脚手架默认的main.js文件)中,先注入一下:

import VueFileUpload from ‘vue-file-upload’

然后组件全局安装到vue中:

Vue.component(‘file-upload’, VueFileUpload)

至此,<file-upload/>标签已经可以使用,但还需要传入一些必要的参数,我在本次项目中直接复制了官方demo的参数,以下是我改写的demo文件:

vue-upload1
vue-upload2
vue-upload3

以上插件设置完毕。

目前没解决的问题:

token的获取,不能直接写一个常量放在这里,但是我不知道把后台文件写在哪里,因为不管写在哪里,ajax页面都请求不到:

我想请求的是当前目录下的api文件夹下的token.php: this.$http.get(‘./api/token.php’) 实际请求的页面却是:GET http://localhost:8080/api/token.php 404 (Not Found)

坚持原创技术分享,您的支持将鼓励我继续创作!