1 var xhr = new XMLHttpRequest();
2 xhr.open('GET', '文件地址.mp4');
3 xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
4 xhr.responseType = "blob";
5 xhr.onprogress = function (event) {
6 if (event.lengthComputable) {
7 console.log(event.loaded);
8 console.log(event.total);12 }
13 };
14 xhr.onload = function (oEvent) {
15 console.log(oEvent);
16 console.log(xhr.status);
17 console.log(xhr.response);
18 if (xhr.readyState === 4 && xhr.status === 200) {
19 // var name = xhr.getResponseHeader("Content-disposition");
20 // var filename = name.substring(20,name.length);
21 var blob = new Blob([xhr.response], {type: 'video/mp4'});
22 var csvUrl = URL.createObjectURL(blob);
23 var link = document.createElement('a');
24 link.href = csvUrl;
25 link.download = 'abababababba.mp4';
26 link.click();
27 }
28 }
29 xhr.send();
JS監(jiān)聽(tīng)文件下載進(jìn)度
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 1.寫在前面的話 首先說(shuō)明,我還沒(méi)太搞懂retrofit,目前,這篇博客只能給出這幾個(gè)內(nèi)容。 文件上傳 文件下載 ...
- 前言 在開(kāi)發(fā)項(xiàng)目中不免會(huì)遇到下載文件的需求,如果正好使用的是Retrofit網(wǎng)絡(luò)框架又不想使用其它網(wǎng)絡(luò)框架或者手寫...
- 在瀏覽器中異步下載文件,其實(shí)就是把服務(wù)器響應(yīng)的文件先保存在內(nèi)存中。然后再一次下載到磁盤。第二次下載過(guò)程,就是把內(nèi)存...
- 在網(wǎng)上看了很多關(guān)使用OkHttp3下載和上傳文件監(jiān)聽(tīng)進(jìn)度的貼子,千篇一律,用起來(lái)還麻煩,所以本人仔仔細(xì)細(xì)的研究了一...