img src转blob下载图片

来源：互联网发布：淘宝可以举报卖家吗编辑：程序博客网时间：2024/05/22 00:11

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><!--<input id="input" onchange="change()" type="file"></input>--><img id="img" src="img/1.png" width="50px" height="50px" /><output id="result"></output></body></html><script>var img = document.getElementById("img");var result1 = document.getElementById("result");window.onload = function() {load();}function load(){loadImageToBlob(img.src, function(blobFile) {//这里的img.src改地址if(!blobFile) return false;//var fileReader = new FileReader();////fileReader.readAsDataURL(blobFile);////fileReader.onload = function() {////console.log(this.result);//这里输出的数据放到url里能生成图片////};result1.innerHTML = '<a download href="' + window.URL.createObjectURL(blobFile) + '" target="_blank">文件下载</a>';});}var loadImageToBlob  = function(url, callback) {if(!url || !callback) return false;var xhr = new XMLHttpRequest();xhr.open('get', url, true);xhr.responseType = 'blob';xhr.onload = function() {// 注意这里的this.response 是一个blob对象 就是文件对象callback(this.status == 200 ? this.response : false);}xhr.send();return true;}</script>

上面的能根据img里的src下载图片

0 0