页面自定义下载链接，避免txt等格式文件被直接打开

た入场券 2022-10-23 04:59 116阅读 0赞

function downloadFile(url, fileName) {
        let xmlHttp = null;
        // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xmlHttp = new XMLHttpRequest();
    
        // 如果实例化成功，就调用open（）方法：
        if (xmlHttp !== null) {
            xmlHttp.open('get', url, true);
            xmlHttp.send();
            xmlHttp.onreadystatechange = readyToDownload;
        } else {
            alert('当前浏览器不支持该操作');
        }
    
        // 准备下载
        function readyToDownload() {
            /**
             * xmlHttp.readyState:
             * 0 － （未初始化）还没有调用send()方法
             * 1 － （载入）已调用send()方法，正在发送请求
             * 2 － （载入完成）send()方法执行完成，已经接收到全部响应内容
             * 3 － （交互）正在解析响应内容
             * 4 － （完成）响应内容解析完成，可以在客户端调用了
             * */
            if (xmlHttp.readyState !== 4) {
                // 回调函数在每个状态都会被调用一次，因此在准备好之前，直接return，不处理就行
                return;
            }
            if (xmlHttp.status !== 200) {
                return alert('下载失败');
            }
    
            // 创建隐藏的可下载链接
            var aLink = document.createElement('a');
            aLink.download = fileName; //设置a标签的下载名字
            aLink.style.display = 'none';
            
            // 字符内容转变成blob地址
            var blob = new Blob([xmlHttp.responseText]);
            aLink.href = URL.createObjectURL(blob);
            
            // 触发点击
            document.body.appendChild(aLink);
            aLink.click();
            
            // 移除a标签
            document.body.removeChild(aLink);
        }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，116人围观）

还没有评论，来说两句吧...

相关阅读

相关小程序webview打开外部链接页面

<web-view src="http://www.baidu.com"></web-view> 代码如上，一个页面只能包含一个元素就是webview，打开后会铺...

た入场券/ 2024年04月18日 09:30/ 0 赞/ 73 阅读

相关 vue 返回下载链接直接通过axios下载

你可以使用 axios 来进行文件下载，例如： axios({ url: '/path/to/file', method: 'GET',

野性酷女/ 2023年09月25日 15:58/ 0 赞/ 132 阅读

相关 a标签下载txt，会直接打开txt文件的处理方法

一、href + download方法通常在咱们写项目的时候会遇到上传下载什么的，在上传完文件后会把文件的路径保存到数据库里以便下载，如果想不通过后台直接下载的话，可以

客官°小女子只卖身不卖艺/ 2023年07月15日 02:55/ 0 赞/ 2 阅读

相关页面自定义下载链接，避免txt等格式文件被直接打开

function downloadFile(url, fileName) { let xmlHttp = null; // IE7+,

た入场券/ 2022年10月23日 04:59/ 0 赞/ 117 阅读

相关直接下载不打开

给你个函数,把文件名(带路径)和你下载显示的文件标题作为参数传入就行, 页面用个linkbutton,然后在linkbutton的click事件里调用这个函数即可如果

爱被打了一巴掌/ 2022年08月25日 13:52/ 0 赞/ 183 阅读

相关 nodejs实现文件下载功能，防止文本TXT类文件直接打开

nodejs实现文件下载功能，防止文本TXT类文件直接打开当直接访问的某个文件时，如果该文件是二进制等浏览器无法解析的文件，浏览器才会下载该文件，但如果浏览器可以自己解

谁借莪１个温暖的怀抱￠/ 2022年06月06日 12:43/ 0 赞/ 281 阅读

相关 nodejs实现文件下载功能，防止文本TXT类文件直接打开

当直接访问的某个文件时，如果该文件是二进制等浏览器无法解析的文件，浏览器才会下载该文件，但如果浏览器可以自己解析该文件，则它会打开该文件并以自己的方式呈现出来，而不会下载

Bertha 。/ 2022年06月06日 00:44/ 0 赞/ 394 阅读

相关 a标签下载txt，jpg文件，不是直接打开的方式

实现： a标签实现文件下载，是使用的相对路径下载。 js代码 <a class="btn btn-success btn-sm" href="../docs/doc/"

冷不防/ 2022年02月14日 06:21/ 0 赞/ 1144 阅读

相关 nginx配置txt等文件下载错误

问题描述：下载文件的时候，点击下载会直接在浏览器中打开解决过程：首先在网上查了相关解决办法，尝试了在location中加入add\_header,结

淩亂°似流年/ 2022年01月15日 12:47/ 0 赞/ 642 阅读

相关 js链接打开新的页面

写项目时，用的是 location.href ，这种方式，默认在本页面打开 html: <a href="javascript:;" class="goto-sy

本是古典何须时尚/ 2021年09月11日 06:08/ 0 赞/ 487 阅读