2009-11-06 131 views
14

我是JQuery AJAX的新手。我想用jquery實現文件上傳。 是否有可能使用JQuery,AJAX創建文件上傳並將其發送給可以使用Apache文件共享上傳文件的Servlet。任何人都可以請教我如何進一步?在JQuery中通過AJAX上傳文件

謝謝, Deepthi。

回答

3

嘗試Uploadify

+1

是啊,我用它很好...就是這樣。 – marcgg 2009-12-11 15:02:26

+7

Uplodify需要flash,這可能不適合某些網站。 – niaher 2010-01-07 11:08:34

+2

也適用於html5 – happy 2013-02-28 15:51:33

0

這不是一個jQuery的解決方案,但看看http://www.swfupload.org。我過去曾經使用過這個組件來提供像上傳界面一樣的ajax/flickr。很好的工作,很容易集成到您的網站。還有大量的演示http://demo.swfupload.org

12

傳統意義上的Ajax是XMLHttpRequest,它不允許您將本地文件編碼併發送到服務器。

做通過「Ajax」的方式上傳的常用方法,就是要麼使用一個Flash SWF處理同一個頁面上上傳,或使用具有不可見的1x1的iframe 目標的形式。你有一些Javascript顯示上傳微調或者其中一個。文件上傳後,使服務器返回一些JavaScript來的iframe像

<script type="text/javascript"> 
top.MyProject.doneUploading(); 
</script> 

top將允許您調用JavaScript在常規頁面。爲了使其工作,您必須必須確保iframe已提交到頂端文檔所在的域。

+0

所以這就是爲什麼你不能典型地看到註冊信息中包含的圖片。像姓名,電子郵件等。 – 2011-07-26 21:12:05

+0

@seanmonstar爲什麼傳統意義上的Ajax不允許您編碼並將本地文件發送到服務器。如果你可以發送各種其他參數到服務器爲什麼你不能做文件輸入? – Geek 2012-07-30 12:31:02

9

我不得不使用Uploadify幾個問題,所以我轉身ajax upload

+0

鏈接現在損壞,需要更新。恥辱:( – 2014-06-12 17:19:04

0

我想的jQuery插件Fileuploader是最好的那個。 Html5 API現在支持拖放和多個文件選擇。它獨立於平臺,安裝非常簡單。

http://pixelcone.com/fileuploader/

+0

這將是一個很好的選擇...如果它有適當的lincensing信息。沒有這一點,我不會推薦它。@ John-Laniba,請你好好的,並用它更新你的項目。 – OpaCitiZen 2012-01-20 15:58:10

+0

我會愛如果它很容易建立起來就使用它......只是它的煩人過程。 – 2014-03-16 00:10:57