頁面代碼：

<img id="imgPrew" src="../images/toTraveller/pic1.jpg" class="avatar-mickey"> <input type="file" name="file_upload" id="file_upload"/><input type="button" onclick="javascript:$('#file_upload').uploadify('upload','*')" value="上傳"/> <input type="button" onclick="javascript:$('#file_upload').uploadify('cancel','*')" value="停止上傳"/><script type="text/javascript">$(function(){$('#file_upload').uploadify({'swf':'uploadify/uploadify.swf',//（flash上傳插件）,uploadify.css（上傳樣式表）'uploader':'/traveller/uploadImg','fileObjName':'file_upload','buttonText':"選擇圖片",//選擇文件后自動上傳'auto':true,'onUploadSuccess':function(file,data,response){$("#imgPrew").attr("src",data);},'onUploadError':function(file,errorCode,errorMsg,errorString){alert("上傳失敗");},//檢測FLASH失敗調(diào)用'onFallback':function(){alert("您未安裝FLASH控件，無法上傳圖片！請安裝FLASH控件后再試。");}});}); </script>

Controller代碼：

/*上傳頭像*/@RequestMapping(value = "/uploadImg",method = RequestMethod.POST)@ResponseBodypublic String uploadImg(@RequestParam("file_upload") CommonsMultipartFile file_upload, HttpServletRequest request,HttpServletResponse response) throws IOException {System.out.println("=====上傳圖片。。。");//上傳文件信息String fileName = file_upload.getOriginalFilename();System.out.println("上傳文件名："+fileName);String fileType = fileName.split("[.]")[1];//設(shè)置文件保存的本地路徑ServletContext servletContext=request.getSession().getServletContext();String realPath=servletContext.getRealPath("images/upload");System.out.println("文件上傳路徑："+realPath);File file = new File(realPath);if(!file.exists()){file.mkdirs();}//顯示文件在磁盤的所有信息DiskFileItem fi = (DiskFileItem)file_upload.getFileItem();System.out.println("文件的磁盤信息："+fi);//存到tomcat中，生成臨時文件//File result = fi.getStoreLocation();//System.out.println(result);//System.out.println(result.getPath());//重命名圖片String lastName = UUID.randomUUID().toString()+"."+fileType;System.out.println(lastName);//保存文件————具體路徑，包括圖片全名File f = new File(realPath,lastName);System.out.println(f);//將文件保存到服務(wù)器FileCopyUtils.copy(file_upload.getBytes(),f);System.out.println("上傳成功！");//返回頁面上傳文件的路徑return "images/upload/"+lastName;}

?

總結(jié)

以上是生活随笔為你收集整理的uploadify 简单使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。