Php Ajax jQuery图片上传-新手问题处理此问题的最佳方法是什么？

我有一个页面，上面有一个表单，用户在注册个人资料之前会访问该页面来填写一些信息。表单下面是配置文件的预览。我有一些javascript，因此当用户在表单中的框中键入内容时，他们的配置文件的相应位将填充他们正在键入的内容。也就是说，他们在“标题”表单输入中键入，它将出现在下面的id=“title”div中

在这种形式下，我还有一个字段，用户可以上传照片。当用户选择要上传的图片并关闭对话框时，我希望在表单下方的预览位中也显示一个大小调整过的（以符合我的最大高度/宽度要求）图像。所有这些都将在提交概要文件表单之前发生

最好的办法是什么？我在谷歌上搜索了不少，虽然有很多插件，但它们要么做了太复杂的事情，要么漏掉了一些东西。谁能告诉我最好的处理方法吗

谢谢：）

如果有什么不同的话，我使用的是cakephp

---

附带问题-是否有办法确保打开“选择文件”对话框时，只有选择图像文件类型的选项。IE所有的.doc.xlt等文件都不存在吗？

至于你的第一个问题，你必须上传文件。因此，您需要上传图像并将其存储在一个临时位置，您仍然可以将其流回到IMG元素中。当用户保存表单时，您可以放弃临时图像。如果人们从不保存信息而直接离开，您可能还需要某种cron/定时任务来清理它们

---

至于你的第二个问题，没有。您可以在客户机上选择文件后进行检查，但我强烈建议您在服务器上再次检查。

@DamienPirsy谢谢您提供的信息。我之所以希望有一个插件，是因为我对javascript还不熟悉，更不用说jquery了，而且我也不知道该怎么做：）你知道有什么好的教程可以让我大致了解如何做我想做的事情吗？谢谢你的回复，我对javascript还不熟悉，所以我真的不知道该怎么做。你知道有类似的插件吗？或者甚至是你建议使用的javascript？我真的很感谢你的帮助：）我不知道有任何插件可以做到这一切。无法通过ajax上载文件。但是您可以使用jQuery.form插件来处理文件上传，这将基本上创建一个隐藏的iframe并以这种方式提交。将其上载到控制器中的特定操作，并将响应发送回客户端，包括有关如何使用正确的src填充IMG标记的一些数据。jquery.form插件的响应处理程序将为您提供信息，然后通过jquery（）.attr（）方法填充元素。