如何用ajax上傳文件，就像gmail做的一樣？

Question

我知道如何POST/GET文本值與AJAX，

但從來不知道如何上傳文件與AJAX。

有人可以在這裏給一個簡單的演示嗎？

Answer 1

GMail現在實際上使用Flash來上傳文件...您可以嘗試尋找類似SWFUpload的東西。

Answer 2

Ajax可以通過發佈一個HTML表單來輸入type =「file」的文件。

一些鏈接，讓你開始：

http://www.webtoolkit.info/ajax-file-upload.html

http://www.ajaxf1.com/tutorial/ajax-file-upload-tutorial.html

根據服務器/服務器端語言，你大概可以發送某種形式的進度信息向客戶端呈現爲一個進步酒吧。

Answer 3

看看這個Ajax upload scripts，它有Php和.Net的例子。腳本背後的基本思想是你必須創建一個iFrame來處理這個問題。

Answer 4

YUI uploader是一個基於Flash的上傳器，它被設計成非常容易集成到JavaScript中，只需最少的Flash知識。

如果你想要一個進度條，我相信一個純粹的javascript解決方案需要一個服務器端部分通過ajax發送當前完成百分比，與flash解決方案相比，這會增加相當多的複雜性。