通过发送消息的方式提供图片url转blob的方法
// ==UserScript==
// @name 跨域获取图片地址的blob
// @version 1.0.2
// @description 通过发送消息的方式提供图片url转blob的方法
// @author wilder
// @match *://*/*
// @grant GM_xmlhttpRequest
// @namespace https://greasyfork.org/users/1211834
// ==/UserScript==
(function() {
'use strict';
window.addEventListener('message',(e)=>{
if(e.data && e.data.type === 'getImageBlob'){
console.log('准备解析',e.data)
getImageBlob(e.data.url).then(blob=>{
console.log('是不是blob',blob)
window.postMessage({
blob: blob,
type: e.data.type + '_result'
},'*')
})
}
})
})();
function getImageBlob(url){
return new Promise((resolve,reject)=>{
GM_xmlhttpRequest({
method:'get',
url:url,
responseType:'blob',
onload(res){
resolve(res.response)
}
})
})
}
function getImageBase64(blob) {
return new Promise((resolve,reject) => {
const reader = new FileReader();
reader.readAsDataURL(blob);
reader.onload = () => {
const base64 = reader.result;
resolve(base64);
}
reader.onerror = error => reject(error);
});
}