vue webuploader 文件上传组件开发

vue webuploader 文件上传组件开发

最近项目中需要用到百度的webuploader大文件的分片上传，对接后端的fastdfs，于是着手写了这个文件上传的小插件，步骤很简单，但是其中猜到的坑也不少，详细如下：

一、封装组件

引入百度提供的webuploader.js、Uploader.swf

css样式就直接写在组件里面了

上传到服务器

暂停上传

{{file.name}}

v-if="file.status === 'uploading'"

:type="listType === 'picture-card' ? 'circle' : 'line'"

:stroke-width="listType === 'picture-card' ? 6 : 2"

:percentage="file.percentage">

v-if="file.status === 'uploading'"

:type="listType === 'picture-card' ? 'circle' : 'line'"

:stroke-width="listType === 'picture-card' ? 6 : 2"

:percentage="file.percentage">

二、导出组件

var fileUpload = require('./src/file_upload.vue');

module.exports = {

fileUpload

}

三、demo  引用方式

aaa

四、运行效果图

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。