Js下载文件到本地(兼容多浏览器)

Posted 技术人生

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Js下载文件到本地(兼容多浏览器)相关的知识,希望对你有一定的参考价值。

在客户端通过js下载文件,试过几种下载方式,iframe方式仅限于IE浏览器,window.open(url),location.href=url 这两种方式在chrome浏览器还会是直接打开文件而不是下载,百度N久没有结果,在谷歌还是找到答案了,下载链接在此。

window.downloadFile = function (sUrl) {

    //ios devices do not support downloading. We have to inform user about this.
    if (/(iP)/g.test(navigator.userAgent)) {
        alert(‘Your device does not support files downloading. Please try again in desktop browser.‘);
        return false;
    }

    //If in Chrome or Safari - download via virtual link click
    if (window.downloadFile.isChrome || window.downloadFile.isSafari) {
        //Creating new link node.
        var link = document.createElement(‘a‘);
        link.href = sUrl;

        if (link.download !== undefined) {
            //Set html5 download attribute. This will prevent file from opening if supported.
            var fileName = sUrl.substring(sUrl.lastIndexOf(‘/‘) + 1, sUrl.length);
            link.download = fileName;
        }

        //Dispatching click event.
        if (document.createEvent) {
            var e = document.createEvent(‘MouseEvents‘);
            e.initEvent(‘click‘, true, true);
            link.dispatchEvent(e);
            return true;
        }
    }

    // Force file download (whether supported by server).
    if (sUrl.indexOf(‘?‘) === -1) {
        sUrl += ‘?download‘;
    }

    window.open(sUrl, ‘_self‘);
    return true;
}

window.downloadFile.isChrome = navigator.userAgent.toLowerCase().indexOf(‘chrome‘) > -1;
window.downloadFile.isSafari = navigator.userAgent.toLowerCase().indexOf(‘safari‘) > -1;

以上是关于Js下载文件到本地(兼容多浏览器)的主要内容,如果未能解决你的问题,请参考以下文章

使用JS读取本地文本文件(兼容各种浏览器)

jquery在线文件链接地址是啥?

文件下载 兼容所有浏览器

请问找到了js代码后应该如何下载

前台JS(type=‘file’)读取本地文件的内容,兼容各种浏览器

根据图片的url地址下载图片到本地保存代码片段