file上传代码 ios_WebUploader之单个大文件分片上传（前端实现）

蓝洱

于 2021-01-02 06:09:28 发布

阅读量288

点赞数

文章标签： file上传代码 ios

本文链接：https://blog.csdn.net/weixin_35779093/article/details/112248978

版权

本文介绍了WebUploader，一个HTML5为主的文件上传组件，专注于大文件分片和并发上传，提高上传效率。详细阐述了前端代码实现，包括如何设置参数，以及在`fileQueued`事件中启用分片上传功能。还提到了在`uploadBeforeSend`中配置自定义参数，以及解决选择文件后无法再次选择的问题。文章中指出，WebUploader初始化时的透明层大小可能导致点击事件无法触发，可通过CSS调整。

摘要由CSDN通过智能技术生成

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