通过ajax将图像上传到imm.io.

Question

我试图创建一个使用php和ajax的网页，让用户使用其API将文件上传到imm：

http://imm.io/api/（请随意查看，因为这只是一个简单的例子）

我想知道如何使用jquery动态上传，这个想法是重现下面的工作流程：

1. 用户填写表单
2. 单击提交按钮时，将采用表单值并将其发送到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中看到一些问题看起来像ajax无法发送文件。

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

所以，我只需要一只手来指导正确的方向......还有一件事：我从来没有使用过CURL php扩展，但我可能会选择另一种选择，对吗？

EDIT， 我忘了告诉你为什么我没有在上面的问题中使用插件：因为插件不会等到请求完成，所以，我从来没有得到服务器的真实响应。

Answer 1

我发现了一个很好的tutorial。还有一个jquery plugin

希望有所帮助;）