jQuery AJAX圖像上傳文件輸入元素

Question

我試圖通過文件選擇圖像時自動上傳圖像選擇框通過AJAX提交給php，然後返回它的臨時文件夾位置以顯示在div元素中。

在同一個表單中還有許多其他輸入元素，我只想爲圖像預覽執行此操作。

有沒有一種方法可以通過jQuery AJAX做到這一點？

我認爲你必須使用類似onChange事件... 這是正確的嗎？

Answer 1

是的，你將不得不在change事件做這個jQuery.bind()事件。

我覺得這是你以後的行爲：

http://jsfiddle.net/cMEb2/2/

注意，出於安全考慮，一些瀏覽器是挑剔訪問input[type=file]標籤，所以你可能不能夠讀取（或改變）其屬性和其他DOM元素一樣容易。您可以在wikipedia中閱讀其中一些效果。

Answer 2

異步文件上傳並不是真正需要的，因爲要創建預覽，您需要提前上傳文件。 但是，您可能想檢查這篇文章。它可能會有所幫助：

http://tomas.epineer.se/archives/3