使用GM_xmlhttpRequest在Chrome上发布数据?

Oha*_*hen 4 greasemonkey google-chrome gm-xmlhttprequest tampermonkey ninjakit

我正在编写一个用户脚本,以从页面获取图像并将其上传到服务器。该脚本在FF(Greasemonkey和Scriptish)中运行良好,但是当我使用Chrome(使用Tampermonkey或Ninjakit)时,它不发送数据,而是发送字符串* [object Object] *。

这是我的脚本:

// ==UserScript==
// @id             myid
// @name           myname
// @version        1.0
// @namespace      ohadcn
// @author         Ohad Cohen
// @description    mydescription
// @include        https://*
// @grant          GM_xmlhttpRequest
// @require        https://code.jquery.com/jquery-2.0.3.min.js
// @run-at         document-end
// ==/UserScript==

function getBase64Image(img) {
    var canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.height;
    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0);
    var dataURL = canvas.toDataURL("image/png");
    return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
}

img=$("img[alt=myImage]").get(0);

img.onload=function(){
    var img64=getBase64Image(img)
    var _data=new FormData();
    _data.append("image64",img64);

    GM_xmlhttpRequest({
    method: "POST",
    url: "http://myserver.org/mysscript.py",
    headers: {
    "Content-Type": "multipart/form-data"
    },
    data:_data,
    onload: function(response) {
             console.log ("gut response");
         $("#input").get()[0].value=response.responseText;
    }
    });
}
Run Code Online (Sandbox Code Playgroud)


Tampermonkey和Ninjakit均发送请求。在Tampermonkey中,我得到回应,在Ninjakit中,我没有回应(从不调用onload)。

但是它们不会发送使用base64编码的实际图像-当我读取数据时-服务器将[object Object]作为POST正文(而不是数据正文,我无法通过devtools网络面板显示GM_xmlhttpRequest发出的请求,因此我在服务器端对其进行了检查)。

Bro*_*ams 5

可能FormDatamultipart/form-data没有得到很好的支持在这些平台上。需要更多地研究它(以后)。

同时,尝试更典型的方法;使用application/x-www-form-urlencoded或JSON。

例如:

GM_xmlhttpRequest ( {
    method:     "POST",
    url:        "http://myserver.org/mysscript.py",
    data:       "image64=" + encodeURIComponent (img64),
    headers:    {
        "Content-Type": "application/x-www-form-urlencoded"
    },
    onload:     function (response) {
        console.log ("gut response");
        $("#input").get()[0].value=response.responseText;
    }
} );
Run Code Online (Sandbox Code Playgroud)

  • 看起来更改内容类型没有效果。将图像直接放入数据字段确实是一种简单的解决方法,但一般情况的问题仍然存在。我将其标记为已解决,即使我认为问题仍然存在,也许 chrome/tampermonkey 背后的人需要解决它。 (2认同)