最近项目中需要用到百度的webuploader大文件的分片上传,对接后端的fastdfs,于是着手写了这个文件上传的小插件,步骤很简单,但是其中猜到的坑也不少,详细如下:
一、封装组件
引入百度提供的webuploader.js、Uploader.swf
css样式就直接写在组件里面了
rush:xhtml;">
{{file.name}}
stroke-width="listType === 'picture-card' ? 6 : 2"
:percentage="file.percentage">
二、导出组件
rush:js;">
var fileUpload = require('./src/file_upload.vue');
module.exports = {
fileUpload
}
三、demo 引用方式
rush:xhtml;">
Box-card">