檔案上傳是網站常用的功能,例如附件或圖片的上傳功能,解決方案也有很多,我們今天介紹一種透過jQuery無刷新的檔案上傳方式。
首先,我們在頁面中放一個form,用來上傳檔案:
然後,在頁面中放一個iframe,在上傳的時候只刷新iframe,而不是整個網頁:
接下來使用js為按鈕新增功能:
在按鈕點擊的時候,將form提交。
這個方案可以簡單的實作無刷新的檔案上傳。它的實作思路是:將form提交到一個iframe中,其它的處理就像處理普通的form提交一樣了。
這個方案的待完善地方是如何判斷上傳完成,目前只有一個想法:透過js監聽iframe的readystate,然後解析iframe的內容。