如何使用 AJAX 上传图片答案

【问题标题】：How to upload image using AJAX如何使用 AJAX 上传图片
【发布时间】：2012-02-28 09:57:11
【问题描述】：

如何使用 AJAX 将我的服务器上的图像发送到也是我的远程 PHP 服务器？我不知道如何发送以及如何使用 PHP 保存。我尝试将图像放入 iframe 并使用如下所示的 AJAX 发送其内容，但您可能猜到什么都没有发生...它返回一条消息，表明它正在接收一些东西并创建一个非常小的损坏图像。

...
var url = "www.xyz.com/AJAX.php?content=" + document.getElementById('iframe').contentWindow.document;
...

【问题讨论】：

【解决方案1】：

这是一个很好的例子，你可以使用Ajax Image Uploading

【讨论】：

这些插件从文件输入字段中读取数据，我没有。我怎样才能自动完成？我的想法是将图像附加到文档中，使用 js 读取并使用 ajax 发送。看起来确实很奇怪......

【解决方案2】：

你看过 jQuery 了吗？用它做 ajax 调用真的很容易。

对于您的图片上传，您可能想看看 jquery Forms，这里有一些示例代码：http://www.malsup.com/jquery/form/#getting-started

【讨论】：