1

我正在尝试编写一个可以将图片上传到 wordpress 博客的 chrome 扩展程序。到目前为止，一切都很好，但是 wordpress rpc api 期待二进制图片：

http://codex.wordpress.org/XML-RPC_WordPress_API/Media#wp.uploadFile

不幸的是，我拥有的数据是 base64 编码的

http://developer.chrome.com/extensions/tabs.html#method-captureVisibleTab

触发我的代码时，我从 Wordpress 得到的唯一反馈是：faultCode -32700, parse error. not well formed

就是这个：

chrome.tabs.captureVisibleTab(null, {"format": "png"}, function(img) {

    var data = new Object();
    data.name = 'Screenshot' + Math.floor(Math.random() * 100); //pageTitle 
    data.overwrite = false;
    data.type = 'image/png'; //string:File MIME type.

    //transfrom screencapture into binary data for wordpress xmlrpc
    var regex = /^data:.+\/(.+);base64,(.*)$/;
    var matches = img.match(regex);
    data.bits = atob(matches[2]); //string: binary data. Shouldn't be base64-encoded.

    $.xmlrpc({
        url: wp.url,
        methodName: 'wp.uploadFile',
        params: [0, wp.user, wp.password, data],
        success: function(response, status, jqXHR) { 
            //this return the post id
            alert("worked :-)" + status + "/" + response + "/" +
                  jqXHR.responseXML + "/" + response.url); 
        },
        error: function(jqXHR, status, error) { 
            alert("fail :-(" + status + " " + error + " " + jqXHR.responseXML); 
        }
    });
});

你知道我怎么能让这个工作吗？太感谢了！

4

1 回答 1

1

几个小时后，我终于弄明白了。对于任何有类似问题的人。

  1. github 上有一个很棒的用于 Wordpress XML RPC 的 Javascript 库，它可以完成所有的魔法并附带大量的示例 rpc。它可以在以下位置找到：http: //github.com/developerworks/wordpress-xmlrpc-javascript-api

  2. 毕竟在图书馆的帮助下上传图片没什么大不了的。

首先，您要解码从 Chrome 获取的 dataURL

var imageData = new Base64(atob(dataURL.split(',')[1]));

然后上传...

var imageUpload = wp.uploadFile(1, {
    name: 'filename.png', 
    type: 'image/png', 
    bits: imageData,    
    overwrite: true
});
于 2013-07-29T19:11:52.077 回答