在jQuery上傳到數據庫之前，如何上傳帶有進度條和圖像預覽的圖像？

Question

使用jQuery和codeigniter上傳到數據庫之前，如何上傳圖像以及進度條和圖像預覽。

Answer 1

不確定是否有可能在您上傳到服務器之前預覽您從網站上的磁盤選擇的映像，但您可以嘗試使用Uploadify。它使用jQuery/Flash和PHP來上傳文件，並且內置了一個進度條。如果你想將它作爲BLOB存儲在數據庫中，你需要上傳uploadify.php中上傳圖像的file_get_contents，然後存儲在db列中輸出。如果你不想使用Flash，this thread might be of interest to you。它具有進度百分比，但不像Uploadify那樣可視化。另一種選擇是安裝一個php擴展like this。

Answer 2

Zurb有一個nice demo，它使用jQuery和ajax_upload來顯示你想要看的技術。我幫不了你的代碼錯誤部分對不起

Answer 3

我衷心推薦你使用Plupload。它靈活且易於使用。我個人最喜歡Plupload的是多個運行時，它允許你使用HTML5，HTML4，Flash，Silverlight和齒輪進行上傳。相信我，不要使用Flash上​​傳爲你節省一些時間。

你也可以使用plupload隊列來顯示進度條等。有時它需要一些定製，但它是值得一試的。