js实现点击按钮下载文件

chaosama

于 2022-04-06 15:00:17 发布

阅读量3.1k

点赞数

分类专栏： JS 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/chaosama/article/details/123990213

版权

JS 专栏收录该内容

4 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript动态创建一个`a`标签，并通过设置`download`属性实现文件下载。通过创建事件并触发点击事件，可以实现无跳转下载，这对于前端开发中的文件下载场景非常实用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

其实就是创建一个a标签，设置a标签 download属性，只是用js的方式使用

                        var $a = document.createElement('a');
                        $a.setAttribute("href", src);
                        $a.setAttribute("download", "");
                        var evObj = document.createEvent('MouseEvents');
                        evObj.initMouseEvent( 'click', true, true, window, 0, 0, 0, 0, 0, false, false, true, false, 0, null);
                        $a.dispatchEvent(evObj);