我有一个带有表单的页面，用户在注册个人资料之前访问该页面以填写一些信息。表格下方是个人资料外观的预览。我有一些 JavaScript，以便当用户在表单中的框中输入内容时，他们的个人资料的相应位会填充他们输入的任何内容。他们在 IE 中输入“标题”表单输入，它将出现在下面的 id="title" div 中。
在该表单中，我还有一个字段，以便用户可以上传照片。当用户选择他想要上传的图片并关闭对话框时，我希望调整大小（以便适合我的最大高度/宽度要求）图像也出现在表单下方的预览位中。所有这一切都将在提交个人资料表格之前发生。
解决这个问题的最佳方法是什么？我已经做了相当多的谷歌搜索，虽然有很多插件，但它们似乎要么做得太复杂，要么错过了一些东西。
如果有什么区别，我正在使用 CakePHP。
附带问题 - 有没有办法确保当选择文件对话框打开时，只有选择图像文件类型的选项。 IE 所有 .doc .xlt 等都不存在吗？
关于你的第一个问题，你必须上传文件。 因此，您可以上传图像并将其存储在临时位置，您仍然可以在 IMG 元素中流回该位置。 当用户保存表单时，您可以丢弃临时图像。 如果人们从不保存信息并离开，您可能还需要某种 cron/计划任务来清理它们。
关于你的第二个问题，不。 选择文件后，您可以在客户端上检查它，但我强烈建议在服务器上再次检查它。