無刷新文件上傳

—無刷新文件上傳—

無刷新文件上傳又叫：ajax異步文件上傳。這個命名是爲了和早期的文件上傳區分，早期的文件上傳是post請求頁面上傳，文件上傳完成後要對頁面進行刷新。

方式：ajax、iframe、flash三種上傳方案

—原理—

很多無刷新提交的插件，大部分插件都是基於一個隱藏的iframe做的。

1、插入一個隱藏的iframe，其name爲framename。
2、監聽上傳文件的域的change事件，當事件觸發時動態的創建一個form，並將當前文件上傳域插入到form中，在我們之前創建的iframe中提交form，就是將form的target屬性設置爲隱藏iframe的name也就是framename。
這樣就實現了無刷新上傳。

—代碼—

具體實現代碼不在說明（網上的源碼大家都可以閱讀，跟蹤實現以下。）。

—最後—

當然每個文件上傳的開源組件都有自己的優缺點，大家在日後的工作學習中都可以多多的積累，根據項目的需求選擇不同的開源組件。

LZ就是根據當前的這個需求js文件上傳——圖片壓縮，對文件上傳的開源組件進行過篩選，最後選出自己適用的。