问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

js如何实现文件下载呢？（ppt，img,text等都是下载），弹出保存选项框那种的？

头像
要做大佬的小白
    39284975

    如题，网上百度了很多，基本上实现不了 ，还有很多错误，有没有大神做过的，提示个思路或者需要用到什么插件吗？

    javascripthtmlcsswebphp
    阅读 10k
    4 个回答
    得票最新
    头像
    StormerZ
      2.3k25122183
      ✓ 已被采纳

      用H5的新属性

      <a href="js/contact.js" download="newName.js">下载JS</a>
      头像
      caryhgq
        3.5k55284
        var  e = document.createEvent('MouseEvents');
var  a = document.createElement('a');

a.download = '404.svg';
a.href = 'https://sf-static.b0.upaiyun.com/v-58bd1fcb/global/img/404.svg';
if(confirm('您确定要下载吗？')){
    e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    a.dispatchEvent(e);
}
        头像
        空空空
          1371220

          后台给一个下载接口就好，这样可以兼容所有浏览器，还可以附加下载统计功能呢！

          头像
          sweetyx
            1947
            <!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <script type="text/javascript">
        function downFile(blob, fileName) {
            if (window.navigator.msSaveOrOpenBlob) {
                navigator.msSaveBlob(blob, fileName);
            } else {
                var link = document.createElement('a');
                link.href = window.URL.createObjectURL(blob);
                link.download = fileName;
                link.click();
                window.URL.revokeObjectURL(link.href);
            }
        }
        blob = new Blob(['文件内容：hello world !'], {type: "application/octet-binary"});
        fileName = '文件名称.txt';
    </script>
    <button onclick="downFile(blob, fileName);">点我生成txt文件</button>
</body>
</html>
            撰写回答
            你尚未登录，登录后可以
            • 和开发者交流问题的细节
            • 关注并接收问题和回答的更新提醒
            • 参与内容的编辑和改进，让解决方法与时俱进
            推荐问题