2012-09-23 31 views
3

儘管在StackOverflow.com上有很多關於AJAX文件上傳的文章,但我沒有找到一個完整的,純粹的JavaScript AJAX上傳器。基本的Javascript + PHP的Ajax文件上傳

其中許多涉及JQuery,另一個是基於asp.net的,另一種說法是,基於JavaScript的純AJAX文件上傳不可能因爲安全問題。

我也搜索了互聯網,但它似乎很難找到一個完整和乾淨的JavaScript AJAX示例,在服務器端使用PHP腳本。

我可以問,爲我提供儘可能簡單,但功能齊全的JavaScript AJAX文件上傳?我不希望包括拖放功能,但也可以使用這些技術:

  • HTML5
  • JavaScript,但沒有JQuery的
  • PHP
  • 類型= 「文件」輸入字段
  • 沒有演示請,我只是想有一個代碼我可以進一步修改我自己

也許,你會發現正確的例子,即使在StackOverflow.com。如果是的話,那麼我爲沒有找到它而道歉。但是,我確實做了功課,並進行了搜索。謝謝。


Alexander剛剛指出這個問題不好,因爲它要求一個代碼示例。那麼,最後一個想到的問題是由於錯誤的解釋而導致這個問題關閉。

如果您願意,請爲我提供一個教程,介紹這個主題,或者告訴我一本包含答案的書。我正在編寫我的應用程序,而且我還沒有用任何庫來污染它,既沒有JQuery。只要有可能,我想保留它。

答案是你的,你可以用你認爲合適的方式來制定答案。你可以避免提供代碼,如果你認爲這樣做是錯誤的。

+0

我想指出,如果有人可以告訴你一個演示,您可以查看源代碼爲JavaScript和採取/修改。 – Basic

+0

有人可以告訴我這是一個真正的Q&A,而不是代碼請求? – Alexander

+2

@亞歷山大:嗨,我可以告訴你:我問他我有什麼問題,並解釋了爲什麼這是我的問題。在一天結束時,**答案在你手中**。你不需要向我提供代碼,如果你不希望這樣,你可以指向我的位置,回答這些問題,或者給我一本書,其中包含我尋找的信息。在一天結束時,答案是你的,我只是想學習如何去做。 –

回答

4

您可以採取兩種方法。

  1. 提交表單到隱藏的iframe(更好的支持)
  2. 使用File API(更強大)
+0

只需使用iFrame是您最好的選擇。瀏覽器在文件如何上傳到FileAPI上幾乎沒有一致性。 –

+0

@Quentin:+1,謝謝你的例子。他們幫助了很多。 –

+0

@JeffreySweeney:嗨傑弗裏。我發現使用iFrame的一個限制。我無法獲得進度條。因此,我有另一種策略:使用FileAPI支持它的瀏覽器:Chrome,Opera,Firefox。對於其餘的,我將使用基於Flash的上傳器,它可以提供上傳進度信息。這聽起來對你來說是可接受的解決方案嗎 –