图片下载方法

Posted 胡亮

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图片下载方法相关的知识,希望对你有一定的参考价值。

/**
 * 下载图片
 * <a id="download-IMG" style="display:none;"><span>下载</span></a>
 */
/* 使用html5默认的下载功能,下载图片 */
function downloadImgByHtml5() {
    var imgName = "图片名";
    var imgSrc = "../images/normal.png";
    $(‘#download-IMG‘).attr(‘href‘, imgSrc).attr(‘download‘, imgName);
    $(‘#download-IMG‘).children("span").trigger("click");
}

/**
 * 使用html2canvas下载图片
 * 适用范围:不支持html5的下载或者无效时,且图片在页面中显示;
 * 原理:使用html2canvas插件,将页面中的DOM元素渲染成图片;
 */
function downloadImgByHtml2canvas() {
    var imgName = "图片名";
    html2canvas($(‘#fancybox-img‘), {
        onrendered: function(canvas) {
            var base64Img = canvas.toDataURL("image/png");
            $(‘#download-IMG‘).attr(‘href‘, base64Img).attr(‘download‘, imgName);
            $(‘#download-IMG‘).children("span").trigger("click");
        }
    });
}

 

以上是关于图片下载方法的主要内容,如果未能解决你的问题,请参考以下文章

几个可以直接拿来用的jQuery代码片段

几个可以直接拿来用的jQuery代码片段

使用 libtorrent 下载特定片段

片段中的Firebase数据不是持久的,会重新下载

从Asynctask ONPostExecute调用片段方法

VSCode自定义代码片段—— 数组的响应式方法