欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript 用fetch 實(shí)現(xiàn)異步下載文件功能

 更新時(shí)間：2017年07月21日 14:15:36   作者：周華去哪兒  
本文通過(guò)實(shí)例代碼給大家介紹了JavaScript 用fetch 實(shí)現(xiàn)異步下載文件功能，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下

廢話不多說(shuō)了，直接給大家貼代碼了，具體代碼如下所示：

<!DOCTYPE html> 
<html> 
<head> 
  <meta charset="utf-8"> 
  <title>sample</title> 
</head> 
<body> 
  <button id='btn'>下載</button> 
  <span id='status'></span> 
</body> 
<script> 
  var url = "http://localhost/sample/upload.php"; 
  document.getElementById('btn').onclick = function() { 
    document.getElementById('status').innerHTML = '下載中'; 
    fetch(url).then(res => res.blob().then(blob => { 
      var a = document.createElement('a'); 
      var url = window.URL.createObjectURL(blob); 
      var filename = res.headers.get('Content-Disposition'); 
      a.href = url; 
      a.download = filename; 
      a.click(); 
      window.URL.revokeObjectURL(url); 
      document.getElementById('status').innerHTML = '下載完成'; 
    })); 
  }; 
</script> 
</html>

總結(jié)

以上所述是小編給大家介紹的JavaScript 用fetch 實(shí)現(xiàn)異步下載文件功能，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論