javascript - 使用 javascript 在 Twitter 上共享 Base64 图像

Question

我花了很多时间来解决这个问题...但无法获得任何教程或示例。试图实现一些东西，但遇到了可怕的错误。

我正在制作客户端幻灯片，似乎 Twitter 的 REST Api 中的“POST statuses/update_with_media”是专门为共享图像数据 url 而设计的，但最初，Twitter 文档非常差，并且没有这方面的示例代码。我什至不知道如何在ajax请求中给出user_secret、user_token、consumer_key和consumer_secret。这就是我所做的。

        var fd = new FormData();
        fd.append("oauth_consumer_key", "knC68njKLjXrRljSxhE3uywsi");
        fd.append("status", "");
        fd.append("media[]", base64_string);

        $.ajax({
            url:"https://api.twitter.com/1.1/statuses/update_with_media.json",
            type:"POST",
            data:fd,
            processData:false,
            contentType: "multipart/form-data",
            cache:false,
            success:function(data){
                alert('Post was published.');
            },
            error:function(shr,status,data){
                alert('Post was not published.');
            },
            complete:function(){
            }
        });

我知道这是一次糟糕的尝试，但这就是我所能做的。这会产生以下错误。

XMLHttpRequest cannot load https://api.twitter.com/1.1/statuses/update_with_media.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://192.168.0.101' is therefore not allowed access. 

我正在本地 php 服务器上运行它。任何有关此的示例或教程将不胜感激。

谢谢。

Answer 1

我不知道此 API 调用的具体情况，但乍一看，您无法对与您的页面源自的服务器不同的服务器进行 ajax 调用。因此，您无法对 twitter api 进行 ajax 调用，除非 twitter 支持 CORS 。您收到的错误消息正是表明了这一点。解决此问题的唯一方法是从您的服务器进行 twitter api 调用，然后让您的页面对您的服务器进行 ajax 调用。