1、請下載uploadify3.2插件,下載地址:http://download.csdn.net/detail/harderxin/5515929
4、uploadify官方地址:http://www.uploadify.com/,可以隨時關注,版本不同,其中內置的函數(shù)會有所不同
2、注意:jquery版本須為jquery-1.7.2.min.js,1.4版本不支持,上面下載中的內容已經(jīng)包含在里面了,必須安裝swf文件才能運行
3、在jsp頁面中引入插件
4、頁面效果:其中自帶進度條
創(chuàng)新互聯(lián)專注于珠海網(wǎng)站建設服務及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供珠海營銷型網(wǎng)站建設,珠海網(wǎng)站制作、珠海網(wǎng)頁設計、珠海網(wǎng)站官網(wǎng)定制、小程序制作服務,打造珠海網(wǎng)絡公司原創(chuàng)品牌,更為您提供珠海網(wǎng)站排名全網(wǎng)營銷落地服務。
5、頁面js腳本
頁面文件
6、編寫后臺處理action
/** * 圖像操作Action * @author Administrator * */ public class ImageOperateAction { //文件上傳,與前臺頁面的fileObjName保持一致 private File[] file; private String[] fileFileName; public File[] getFile() { return file; } public void setFile(File[] file) { this.file = file; } public String[] getFileFileName() { return fileFileName; } public void setFileFileName(String[] fileFileName) { this.fileFileName = fileFileName; } /** * 上傳報活圖片 * @return * @throws Exception */ public String uploadReportImg() throws Exception{ //這樣我們就可以得到file和fileName對象,進行我們的邏輯操作啦 System.out.println("file='+file); System.out.println("fileName='+fileFileName[0]); } }
這樣我們就靈活的運用了struts2和uploadify的結合,更多的uploadify3.2版本參數(shù)可參見:
http://www.zhixing123.cn/php/33074.html
實例也可參見:http://www.abc3210.com/2012/js_09/jquery-uploadify.shtml