1、组件简介
webuploader(官方定义):是一个以 HTML5 为主, Flash为辅的文件上传组件,采用大文件分片/并发上传的方式,极大地提高了文件上传的效率,同时兼容多种浏览器版本;
链接: WebUploader官网.
2、前端代码实现
首先,下载组件,并引入到项目文件;
t/wealth_nana/article/details/105051649
本例子模拟后台所需参数:
话不多说,直接上代码。
//引入组件import WebUploader from "webuploader";let uploader = null,GUID = null;onReady(){GUID = WebUploader.Base.guid();//每个文件有自己唯一的guid uploader = WebUploader.create({ //设置选完文件后是否自动上传 auto: false, //swf文件路径 // swf: 'vendor/webUpload/Uploader.swf', // 文件接收服务端。 server: "http://www.baidu.com/BigFileUpload", //服务器端的上传页面地址 // 选择文件的按钮。可选。 // 内部根据当前运行是创建,可能是input元素,也可能是flash. pick: "#fileupload",//点击选择文件的按钮id chunked: true, //开启分块上传 chunkSize: 10 * 1024 * 1024,//10M 一个分片 chunkRetry: 3, //网络问题上传失败后重试次数 t