通过使用
iframe标签可以实现
文件下载。可以使用以下两种方法之一：
方法一：通过设置
iframe的src属性来实现
文件下载。你可以创建一个隐藏的
iframe元素，并将文件的URL赋值给它的src属性。这样，当用户点击
下载链接时，文件将会开始
下载。例如：
```
<a href="#" onclick="download()">
下载文件</a>
<
iframe id="ifile" style="display:none"></
iframe>
function download(){
var dom=document.getElementById('ifile');
dom.src="http://xxxx.com";
}
```
注意：这种方法有一定的局限性。如果文件是pdf或者是浏览器默认支持打开预览类型文件，使用这种方式进行
下载并不能阻止浏览器针对
文件下载完成后进行的默认行为。此外，如果在前端进行循环调用此方法，浏览器会默认打开预览的文件类型，从而导致部分文件的
下载被阻塞。
方法二：通过创建a标签并利用其特性来实现
文件下载。你可以动态生成一个a标签，并设置其href属性为文件的URL，然后使用鼠标事件模拟点击该标签。例如：
```
//
下载文件
const downloadFile = (url, type) => {
if (!type || type === "
iframe") {
// 创建
iframe
const
iframe = document.createElement("
iframe");
iframe.style.display = "none";
iframe.style.height = 0;
iframe.src = url;
document.body.appendChild(
iframe);
setTimeout(() =>
iframe.remove(), 5 * 60 * 1000);
} else if (type === "a") {
// 创建a标签
const a = document.createElement("a");
const e = document.createEvent("MouseEvents");
// 创建鼠标事件对象
e.initEvent("click", false, false);
// 初始化事件对象
a.href = url;
// 设置
下载地址
a.download = "";
// 设置
下载文件名
a.dispatchEvent(e);
}
};
```
这种方法可以更好地控制文件的
下载行为。但需要注意的是，部分浏览器对于成功
下载的文件会直接打开预览，所以在使用这种方法时最好了解浏览器的行为。如果不希望出现浏览器默认打开预览的情况，建议使用文件流的方式进行
下载。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [通过<
iframe>，实现图片（文件）的上传以及文件（附件）的
下载](https://blog.csdn.net/liwusen/article/details/64924354)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [利用
iframe和a标签进行文件（批量）
下载（注：有局限性）| Say so easy to code](https://blog.csdn.net/weixin_45132729/article/details/110479351)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
3799
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
