將Data-uri-to-img-url服務與jquery jsonp一起使用不起作用

Question

我正在嘗試使用它來獲取圖像URL的http://aminariana.github.io/data-uri-to-img-url/以便在Facebook上共享。

我只是不知道如何使用jquery發出發布請求：

＃在參數'image [data_uri]'設置為上述DataURI輸入的情況下發出POST請求。 ＃這可以來自帶有文本區域的HTML表單，也可以使用AJAX POST請求以編程方式進行。

我設置了一個JS Fiddle，它在畫布上創建圖像，將圖像轉換為datauri http://jsfiddle.net/7asutg7c/，這只是在jQuery中使用jsonp發送參數並獲取URL的最后一部分，完全迷失了。

    var url = 'http://data-uri-to-img-url.herokuapp.com/images.json';.
    $.ajax({
       type: 'POST',
       url: url,
       async: false,
       // data: dataURL,
       contentType: "application/json",
       dataType: 'jsonp',
       success: function(json) {
       console.log(json.url);
     },
      error: function(e) {
      console.log(e.message);
     }
    });

我最初的想法是將數據設置為dataURI，但是我收到“無法加載資源：服務器響應狀態為414（請求URI太大）”……所以我對應該如何發送感到有些困惑該dataURI。

任何幫助將不勝感激。

Answer 1

像這樣創建一個JavaScript對象，

var myData = {
  image: {
    data_uri: your_data_uri_here
  }
};

然后將其作為$.ajax調用的data參數的值傳遞。