Ajax jQuery图片上传-新手问题什么是最好的方式来处理这个


Ajax jQuery picture upload - newbie question whats the best way to handle this?

我有一个页面上的表单,用户访问填写一些信息之前,他注册了一个配置文件。表单下面是概要文件的预览。我有一些javascript,以便当用户在表单中输入框时,他们的配置文件的相应位将填充他们键入的任何内容。他们在IE中输入"title"表单,它就会出现在id="title"div下面。

在这个表单中,我还有一个字段,以便用户可以上传照片。当用户选择他想要上传的图片并关闭对话框时,我想要一个调整大小的(以便它符合我的最大高度/宽度要求)图像也出现在表单下方的预览位中。所有这些都将在个人资料表单提交之前发生。

做这件事最好的方法是什么?我在谷歌上搜索了一下,虽然有很多插件,但它们似乎要么做得太复杂,要么遗漏了一些东西。谁能告诉我处理这件事的最好方法?

谢谢:)

如果它有任何区别,我使用cakephp。

侧面问题-是否有办法确保当选择文件对话框打开时,只有选择图像文件类型的选项。IE所有的。doc。xlt等都不存在吗?

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

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