2013-04-06 78 views
-1

我有一個帶有2個文件輸入的表單,用戶將選擇要上傳的圖像。jquery預覽在對話框中修改後的圖像

在提交圖片上傳時,我首先調整圖片大小並使用gd將圖片合併到另一張圖片,這很好。

在表單提交之前,使用Ajax更改文件輸入,獲取圖像,使用gd(但不上載)在服務器上處理它並在用戶界面中向用戶顯示最終結果對話框讓他們批准或不批准。

由於我無法控制的原因,我無法使用html5。我知道你不能使用Ajax發佈文件,並且需要使用jquery-iframe-transport或者jquery-file-upload或者其他一些插件。

什麼是推薦的,我如何返回最終的圖像顯示在對話框中,如果用戶然後單擊否認,我該如何清除文件輸入字段?

感謝

回答

0

看看這個:http://www.9lessons.info/2011/08/ajax-image-upload-without-refreshing.html

上面的教程將告訴你如何做到使用JQuery圖片上傳。

您可以輕鬆地更改處理上傳的php文件,向用戶顯示圖像,如果他們點擊拒登,然後只需從服務器中刪除文件並重新開始。

+0

Thanks..it看起來像這是使用jQuery的UI形式。這是建議的嗎?此外,我堅持如何將圖像返回到對話框。我不想上傳,直到用戶提交表格 – jascra 2013-04-06 16:00:23

+0

我不明白你的意思是什麼「jQ你好形式」......你能解釋一下嗎? – 2013-04-06 16:03:20

+0

它應該是jQuery的UI形式...我修正了它.. – jascra 2013-04-06 16:07:48