javascript - 使用 jQuery 构建的 ajax/json 提交图像文件

Question

是否可以提交通过 Ajax/json/jQuery 上传的文件？

有插件吗？如果我想提交其他数据很简单:

$.ajax(
  {
       type: "POST",
       url: "http://www.test.php",
       dataType:"json",
       data: {serial: $('[name=txtLogin]').val()},  
       success: function(data)
       { 
            ... do some stuff ...               
       }          

    });

但我猜文件上传是另一回事。我想传递来自各种字段的信息，例如文本框、单选框和复选框以及文件本身。

有什么想法吗？

Answer 1

有一些插件可以帮助解决这个问题。看这个link进行一次体面的总结。

我用过 Andrew Valums AJAX Upload控制多个项目。这是一个很好的控制并且可以解决问题。我还在单个 AJAX POST 中连同文件一起上传了其他字段值(例如文本框中的文件名、一些真/假元数据等)。

我应该补充一点，Valums 的控件不是 jQuery 插件——它是基本的 JavaScript。不过，我已经将它用于 jQuery 的 $.ajax 调用。

更新:实际上，我最近发现了这个 project作为 Valums 上传插件的继任者，它看起来很有前途。它专注于 jQuery，所以我不确定这是赞成还是反对，但我想我会分享它。我还没有尝试过，但这些功能似乎很适合你。

希望这对您有所帮助!