Get data url

input resource url and get data url

目前為 2020-06-26 提交的版本，檢視最新版本。

安裝腳本 ?

Wrap lines

// ==UserScript==
// @name        Get data url
// @namespace   https://blog.bgme.me
// @match       *://*/*
// @run-at      document-idle
// @version     1.0
// @author      bgme
// @description input resource url and get data url
// @supportURL  https://github.com/yingziwu/Greasemonkey/issues
// @icon        -
// @license     AGPL-3.0-or-later
// ==/UserScript==

'use strict';

unsafeWindow.toDataURL = toDataURL;
unsafeWindow.getDataURL = getDataURL;


// https://stackoverflow.com/questions/934012/get-image-data-url-in-javascript/42916772#42916772
function toDataURL(url, callback) {
    GM.xmlHttpRequest({
        method: "GET",
        url: url,
        responseType: 'blob',
        onload(response) {
            var fr = new FileReader();

            fr.onload = function() {
                callback(this.result);
            }

            fr.readAsDataURL(response.response);
        }
    });
}

function getDataURL(url) {
    toDataURL(url, function(dataurl) {
        console.log(dataurl);
    });
}

欢迎访问Greasy Fork镜像