Ajax jQuery圖片上傳-新手問題最好的處理方法是什么？

Question

我有一個帶有表單的頁面，用戶在注冊個人資料之前會先訪問該表單以填寫一些信息。 表單下方是配置文件外觀的預覽。 我有一些JavaScript，因此當用戶在表單中的框內輸入內容時，其個人資料的相應位將填入他們所輸入的內容。 即，他們在“標題”表單輸入中鍵入內容，它將顯示在下面的id =“ title” div中。

在該表格中，我還有一個字段，以便用戶可以上傳照片。 當用戶選擇要上傳的圖片並關閉對話框時，我希望調整大小（以使其符合我的最大高度/寬度要求）圖像也顯示在表單下方的預覽位中。 所有這些都將在提交個人資料表格之前發生。

最好的方法是什么？ 我做了很多的谷歌搜索，盡管有很多插件，但它們似乎都做得太復雜了或者錯過了一些東西。 誰能告訴我解決這個問題的最佳方法？

謝謝 ：）

如果有什么不同，我正在使用cakephp。

附帶的問題-有一種方法可以確保打開“選擇文件”對話框時，只有選擇圖像文件類型的選項。 IE瀏覽器中所有的.doc .xlt等都不存在嗎？

Answer 1

關於第一個問題，您必須上傳文件。 因此，您將上傳圖像並將其存儲在一個臨時位置，您仍然可以將其流回IMG元素。 當用戶保存表單時，您可以丟棄臨時圖像。 如果人們從不保存信息而只是離開，您可能還需要某種cron /計划任務來清理它們。

關於第二個問題，不。 他們選擇文件后，可以在客戶端上對其進行檢查，但是我強烈建議您在服務器上再次對其進行檢查。