HTML5实现拖拽批量上传文件的代码(2)-木庄网络博客

没有分片的文件：根据文件夹中的文件总数，算出每个文件占文件夹的百分比，当一个文件上传成功时，修改文件夹 process；

分片的文件：算出每个文件占文件的百分比后，算出每块文件占文件的百分比，每块文件上传成功后，修改文件夹的 process.

3. 跨域携带 cookie

当服务器设置响应头

Access-Control-Allow-Origin:必须指定明确的、与请求网页一致的域名，不能为 *。 Access-Control-Allow-Credentials: true

设置请求头：

withCredentials:true

补充：

substring 和 substr 的区别

substr(start [, length ]) 返回一个从指定位置开始的指定长度的子字符串。

start:必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
length:可选项。在返回的子字符串中应包括的字符个数。

substring 返回位于 String 对象中指定位置的子字符串,返回一个包含从 start 到最后（不包含 end ）的子字符串的字符串

start:指明子字符串的起始位置，该索引从 0 开始起算。
end:指明子字符串的结束位置，该索引从 0 开始起算。

相关阅读 >>

更多相关阅读请进入《HTML5》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者