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

Overview

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 ....
    }
}
Owner
wangTodd
前端: vue, react,angular1; 后端:express + mongodb; 运维:nginx; 情怀: 文艺骚人
wangTodd