如何实现点击元素后出现下载框

Question

关于文件下载的探索

• 思路：如果服务器不能够解析这种MIME类型，则浏览器会直接下载

• 方法：对文件的header进行设置：Content-Disposition: attachment;

<a href="http://xxxxxx"></a>

此时能够使点击超链接后不直接在新窗口中打开该文件，能够实现自动下载，但是无法出现另存为这个下载框。

但是无法出现『另存为』的弹窗

请问该如何触发使出现 另存为 的下载框呢？

---

测试背景：mac chrome

---

参考：

• 点击按钮弹出下载框的功能是如何实现的？--知乎

Answer 1

<a href="https://segmentfault.com/img/bVyvFS" download="文件名">下载图片</a>

href 是下载链接，download 是保存文件名。

Answer 2

另存为我感觉是浏览器的设置了，就是会帮你指定默认下载位置，然后都是点击直接就下载到那个目录里的。

Answer 3

location = ‘文件下载地址url’