美文网首页
js创建图片下载

js创建图片下载

作者: 买买买买菜 | 来源:发表于2018-08-23 14:16 被阅读5次

//判断浏览器类型

function myBrowser() {
    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
    var isOpera = userAgent.indexOf("Opera") > -1;
    if (isOpera) {
        return "Opera"
    }; //判断是否Opera浏览器
    if (userAgent.indexOf("Firefox") > -1) {
        return "FF";
    } //判断是否Firefox浏览器
    if (userAgent.indexOf("Chrome") > -1) {
        return "Chrome";
    }
    if (userAgent.indexOf("Safari") > -1) {
        return "Safari";
    } //判断是否Safari浏览器
    if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
        return "IE";
    }; //判断是否IE浏览器
    if (userAgent.indexOf("Trident") > -1) {
        return "Edge";
    } //判断是否Edge浏览器
}

//IE浏览器图片保存本地

function SaveAs5(imgURL) {
    var oPop = window.open(imgURL, "", "width=1, height=1, top=5000, left=5000");
    for (; oPop.document.readyState != "complete";) {
        if (oPop.document.readyState == "complete") break;
    }
    oPop.document.execCommand("SaveAs");
    oPop.close();
}

//谷歌,360极速等浏览器下载

function download(src) {
    // 创建隐藏的可下载链接
    var eleLink = document.createElement('a');
    eleLink.download = src;
    eleLink.style.display = 'none';
    // // 字符内容转变成blob地址
    eleLink.href = src;
    // // 触发点击
    document.body.appendChild(eleLink);
    eleLink.click();
    // // 然后移除
    document.body.removeChild(eleLink);
};

// 下载图片

function oDownLoad(url) {
    if (myBrowser() === "IE" || myBrowser() === "Edge") {
        SaveAs5(url);
    } else {
        download(url);
    }
}

相关文章

网友评论

      本文标题:js创建图片下载

      本文链接:https://www.haomeiwen.com/subject/nhapiftx.html