文件上傳組件swfupload

如今,咱們在作文件上傳的時候,仍是須要依託flash技術。由於HTML默認的文件上傳域有一些的兼容性問題和侷限性。好比,我直接使用html

<!-- lang: html -->
<input type="file" name="file" />

會發如今瀏覽器裏有不一樣的顯示,界面不太友好。另外,這個文件域一次只能選擇一個文件,不能選擇多個文件。可想而知,若是是大量的圖片上傳會多麼痛苦。前端

我注意到不少朋友在使用jQuery Uploadify這款插件去作文件上傳。我也試用了一下,這款插件整合了flash技術,將上傳的核心功能封裝起來,爲用戶提供了Javascript接口,使用起來比較方便。瀏覽器

然而,很快我便發現,該插件有一些侷限性,其中最主要的是沒法從服務器段返回自定義數據。也就是說,我上傳文件成功後,若是在後臺對文件進行了重命名,將沒法返回新的文件名到前臺。只能經過將文件名存放到session中,而後再獲取到。這不是一個很好的解決辦法,大量的向session存儲數據會下降數據的可靠性,引起一些衝突性的問題。前端框架

因此,我決定放棄jQuery Uploadify。我又找到了一款插件,叫swfupoad。試用了一下,剛上手時有點問題,主要是文檔寫的不夠清晰,我花了快一個小時才作好一個demo。這款插件作的不錯,它能夠向前臺傳回任何後臺輸出的數據,包括新的文件名,甚至文件的內容。並且他支持的事件比較多,這恰好解決了個人問題。測試了一段時間,比較穩定,我作了一些封裝,放到了本身的前端框架裏,之後就用它了。服務器

這是swfupload的官方網站: http://demo.swfupload.org/v220/index.htmsession

相關文章
相關標籤/搜索