jquery下载img图片怎么下载？

Posted 2023-04-16

html代码是样的：
<img src="data:image/png;base64,'+imgBase64+'"/>
这种图片怎么写个按钮，点击按钮后就下载这个图片

可以试试这个
function downloadImage(path,imgName)
var _OBJECT_URL;
var request = new XMLHttpRequest();
request.addEventListener('readystatechange', function (e)
if (request.readyState == 4)
_OBJECT_URL = URL.createObjectURL(request.response);
var $a = $("<a></a>").attr("href", _OBJECT_URL).attr("download", imgName);
$a[0].click();

);
request.responseType = 'blob';
request.open('get', path);
request.send();
追问

没人回答了，给你吧

参考技术A document.getElementById("download").onclick = function ()
var canvas = document.getElementById("canvas");
var imgurl = $('img').attr("src");
if (window.navigator.msSaveOrOpenBlob) //ie浏览器
var blobObj = new Blob([imgurl]);
window.navigator.msSaveOrOpenBlob(blobObj, "下载文件名.png");
else //谷歌火狐浏览器
downLoad(imgurl);



// 谷歌火狐浏览器下载图片
function downLoad(url)
var oA = document.createElement("a");
oA.download = '下载文件名';// 设置下载的文件名，默认是'下载'
oA.href = url;
document.body.appendChild(oA);
oA.click();
oA.remove(); // 下载之后把创建的元素删除

将div生成图片并下载下来

//文件需要引入html2canvas.js、jquery.js

function downLoadImg()
      var element = $(".orgchart");    // 这个dom元素是要生成img的div容器
        var w = element.outerWidth();    // 设置该容器的宽
        var h = element.outerHeight();    // 设置该容器的高
var canvas = document.createElement("canvas");
        canvas.width = w;    // 设置画布宽&&高
        canvas.height = h ;
        var offsetTop = element.offset().top;    // 获得该容器的上偏移量
        var offsetLeft = element.offset().left;    // 获得该容器的左偏移量
        var context = canvas.getContext("2d");
        
        context.translate(-offsetLeft, -offsetTop);

        var opts = 
            canvas: canvas,
            width: w,
            height: h
        
      html2canvas(element, opts).then(function (canvas) 
          setTimeout(function()
            let a = document.createElementNS(‘http://www.w3.org/1999/xhtml‘, ‘a‘);
            a.href = canvas.toDataURL(‘image/png‘,1.0)
            a.download = ‘下载‘
            a.click()
          ,100)
      )