vue的上传插件,显示进度和上传速度,图片预览

vue-ajax-upload

A Vue.js project

注意: 下载后 npm run dev 执行前,先执行 npm run dist , 因为项目中的test 文件夹就是引用dist 文件夹下的js Build Setup

# install npm install vue-ajax-upload --save # 使用组件必须传递的参数 options options: { 'showProgress': true, // 是否显示进度控制 'imagePreview': true, // 是否显示图片预览 'url': 'str', // 上传接口url 'fileUploadName': 'ajax-upload', // 后台采用是什么名字就传递什么名字 'limitSize': 1 // 限制文件上传的大小单位是 M } # dom 组件使用 <hupload :options=options v-on:receiveUploadMsg="receiveUploadMsg"> </hupload> #js 接受的信息判断 methods: { receiveUploadMsg (msg) { // msg .... } }

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。