图片下载方法
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"); } }); }
以上是关于图片下载方法的主要内容,如果未能解决你的问题,请参考以下文章