上傳圖像通過AJAX

Question

我一直試圖建立一個網頁尤斯PHP和AJAX讓用戶使用其API文件上傳到imm imm.io：

http://imm.io/api/（隨意看看，因爲它只是一個簡單的例子）

我想知道如何動態地上傳使用jQuery的想法是複製下面的工作流程：

1. 用戶填寫表格
2. 時提交butto n被點擊時，它會採取的形式值並把它們送到imm.io
3. 等待，直到接收到JSON響應
4. 顯示錯誤/成功的消息更新一個div

我的代碼：

var request = $.ajax({ 
     url: 'http://imm.io/store/', 
     type: "POST", 
     cache: false, 
     data: { ??? }, //here my problem resides 
     dataType: "json" 
    }); 

    //waiting ultil the request be finished 
    $.when(request).then(function(data, textStatus, jqXHR){ 
     console.log(data); 
    }); 

如果上述注意，???代表哪裏出了問題所在，因爲我不知道如何發送文件值轉換成JSON格式塔爾「數據」的需求。

在這裏看到SO一些問題看起來像阿賈克斯不能發送文件。

• how to send file input using jquery?
• How can I upload files asynchronously?

所以，我只需要一隻手來引導到正確的方向....一件事：我從來沒有使用捲曲PHP擴展，但我的事這可能是另一種選擇，對嗎？

編輯， 我忘了告訴你爲什麼我沒有使用上面問題中插入的插件：因爲插件不會等到請求完成，所以我從來沒有從服務器獲得真正的響應。

Answer 1

我發現這是一個很好tutorial。另外一個jquery plugin

希望幫助;）