首页 前端知识 js下载文件代码

js下载文件代码

2024-01-17 14:01:10 前端知识 前端哥 56 214 我要收藏
以下是使用JavaScript下载文件的代码示例:
复制
function downloadFile(url, filename) {
// 创建一个隐藏的<a>标签
var link = document.createElement('a');
link.href = url;
link.download = filename;
// 将</a><a>标签添加到页面中
document.body.appendChild(link);
// 模拟点击</a><a>标签进行下载
link.click();
// 下载完成后移除</a><a>标签
document.body.removeChild(link);
}
// 调用downloadFile函数来下载文件
var fileUrl = 'http://example.com/file.pdf';
var fileName = 'myFile.pdf';
downloadFile(fileUrl, fileName);
复制

在上面的代码中,我们定义了一个名为downloadFile的函数,它接受两个参数:文件的URL和要保存的文件名。函数内部会创建一个隐藏的</a><a>标签,并设置其href属性为文件的URL,download属性为要保存的文件名。然后将该</a><a>标签添加到页面的``元素中,并模拟点击该标签进行下载。最后,下载完成后将该</a><a>标签从页面中移除。

你可以根据实际需求修改fileUrlfileName变量的值来指定要下载的文件的URL和保存的文件名。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/96.html
标签
jsAI生成
评论
发布的文章

jQuery AJAX请求的统一封装

2024-02-01 12:02:53

jQuery知识学习

2024-02-01 12:02:53

JQuery——动画效果

2024-02-01 12:02:52

jQuery复习

2024-02-01 12:02:51

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!