這是ajaxfileupload.js js文件上傳綠色版下載，無論是PHP，還是其他的服務(wù)端腳本都提供了文件上傳功能，實現(xiàn)起來也比較簡單。而利用JavaScript來配合，即可實現(xiàn)Ajax方式的文件上傳。雖然jQuery本身沒有提供這樣的簡化函數(shù)，但有不少插件可以實現(xiàn)。其中，Phpletter.com提供的ajaxfileupload.js是一個輕量的插件，而且編寫方式與jQuery提供的全局方法$.post()非常相似，簡單易用。dHL紅軟基地

軟件介紹

ajaxfileupload.js js文件上傳綠色版是插件實在太簡化了，除了可提供需上傳文件的路徑外，也就不能傳遞額外的值到后臺服務(wù)端。所以，我修改了一下該腳本，增加個一個data對象參數(shù)。dHL紅軟基地

軟件原理

我這里使用的是PHP作為服務(wù)端腳本，幾乎在每本較少PHP的書上都會提到如何使用move_uploaded_file()方法來上傳文件，這里我就不再細(xì)說了。我想說的是，利用Ajax上傳的原理。dHL紅軟基地
因為一直在使用jQuery庫，所以當(dāng)想到Ajax時，第一反應(yīng)就是試試$.post()方法，利用各選擇器得到file文件框中的value值，然后提交到后臺服務(wù)端。當(dāng)然，后來證明這是不行的。（正因為這問題，我還查了不少資料，網(wǎng)上還提供了不少ASP等方式的腳本，真不知道該說什么好。。）dHL紅軟基地
回到正題，要實現(xiàn)Ajax方式上傳，其實并不難，方法也有不少。而本文提到的Phpletter.com的ajaxfileupload.js插件就是使用iframe的方式。這也是在不使用JavaScript腳本時，要實現(xiàn)不刷新頁面上傳時常見的方法。（本博客bo-blog后臺撰寫日志就是用該方法）dHL紅軟基地
而ajaxfileupload.js插件也很簡單，就是先利用jQuery的選擇器獲得file文件上傳框中的文件路徑值，然后動態(tài)的創(chuàng)建一個iframe，并在里面建立一個新的file 文件框，提供post方式提交到后臺。最后，返回結(jié)果到前臺。dHL紅軟基地

相關(guān)介紹

jquery ajaxfileupload.js 插件dHL紅軟基地
通過動態(tài)添加iframe表單提交方式，簡單易用。dHL紅軟基地
其他插件有的用的flash方式，本人機子裝的火狐又沒有安裝flash，dHL紅軟基地
考慮到類似情況，所以選擇純js、ajax方式的提交。dHL紅軟基地

軟件截圖

dHL紅軟基地