fe-interview icon indicating copy to clipboard operation
fe-interview copied to clipboard

[js] 第166天 怎么下载一个zip文件?

Open haizhilin2013 opened this issue 6 years ago • 4 comments
trafficstars

第166天 怎么下载一个zip文件?

haizhilin2013 avatar Sep 28 '19 20:09 haizhilin2013

  1. 请求后台api,后台返回流文件
  2. a标签download属性

encountermm avatar Sep 29 '19 04:09 encountermm

window.open(fileUrl)

810307015 avatar Sep 29 '19 08:09 810307015

  • a标签加download属性
<!-- download:指定下载文件的文件名 -->
<a href="http://somehost/somefile.zip" download="filename.zip">Download file</a>
  • 文件流的方式
var a = document.createElement('a');
var url = window.URL.createObjectURL(blob);
var filename = 'what-you-want.txt';
a.href = url;
a.download = filename;
a.click();
window.URL.revokeObjectURL(url);
  • 注意:Bolb的方式构建完 blob 对象后才会转换成文件,所以尽量使用a标签的形式进行下载

vkboo avatar Sep 29 '19 16:09 vkboo

请求接口返回流文件,再利用a标签 download属性下载。

xiaoqiangz avatar Jul 29 '22 03:07 xiaoqiangz