// 使用 JavaScript 通过 URL 下载文件的示例代码
function downloadFile(url, filename) {
// 创建一个隐藏的 <a> 元素
const anchor = document.createElement('a');
anchor.href = url;
anchor.download = filename; // 设置下载的文件名
// 将 <a> 元素添加到 DOM 中
document.body.appendChild(anchor);
// 触发点击事件,开始下载
anchor.click();
// 下载完成后移除 <a> 元素
document.body.removeChild(anchor);
}
// 示例调用:下载一个图片文件
downloadFile('https://example.com/path/to/image.jpg', 'image.jpg');
创建 <a>
元素:我们创建了一个隐藏的 <a>
(锚点)元素,用于触发下载。<a>
元素通常用于网页中的超链接,但它也可以用来触发文件下载。
设置 href
和 download
属性:我们将 href
属性设置为要下载的文件 URL,并通过 download
属性指定下载后的文件名。
触发点击事件:通过 anchor.click()
模拟用户点击该链接,从而触发浏览器的下载行为。
清理 DOM:下载完成后,我们将创建的 <a>
元素从 DOM 中移除,避免不必要的元素残留。
这个方法适用于大多数现代浏览器,能够通过指定的 URL 直接下载文件。
上一篇:js 监听url变化
下一篇:js 获取链接参数
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站