JavaScript 从 Crossrider 浏览器扩展中的 URL 加载图像

Question

我目前正在使用 Crossrider 编写扩展程序，我需要使用 URL 直接加载图像以对其进行一些图像处理。但是，onload 事件似乎根本没有触发。

我做错了什么，或者甚至可以在浏览器扩展中做到这一点？

以下是相关代码：

var imga = document.createElement('img');
imga.src = obj.attr('href'); // URL of the image
imga.style.display = 'none';
imga.onload = function() {
        alert('Image loaded');
        var imgData = getImageData(imga, 0, imga.height - 3);
        alert('Got Image data');
};

编辑

这是完整的代码

function readImage(obj)
        {
            console.log('Reading');
            relayReadImage(obj.attr('href'));
        }

        function relayReadImage(link)
        {
            var dateObj = new Date();
            var newlink = link + "?t=" + dateObj.getTime();
            console.log(newlink);
            appAPI.request.get(
                {
                url: newlink,

                onSuccess: function(response, additionalInfo) {
                    console.log(response);
                },

                    onFailure: function(httpCode) {
                    alert('GET:: Request failed. HTTP Code: ' + httpCode);
                }

                });
        }

Answer 1

我是 Crossrider 的员工，很乐意为您提供帮助。如果我理解正确，您正在尝试使用页面 dom (obj.attr('href')) 中对象的 URL (href) 将图像加载到扩展程序中的变量中。您可以在 extension.js 文件中使用我们的跨浏览器 appAPI.request.get 方法来实现此目的，如下所示：

appAPI.ready(function($) {
    appAPI.request.get({
        url: obj.attr('href'),
        onSuccess: function(response) {
            var imgData = response;
            console.log(imgData);
        }
    });
});

但是，如果我误解了您的问题，请您澄清以下内容：

1. obj 对象是什么？
2. 您要实现什么目标，在什么情况下（在扩展程序中或在页面上）？