<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        SpringMVC+Ajax實現文件批量上傳和下載功能實例代碼

        來源:懂視網 責編:小采 時間:2020-11-27 22:51:32
        文檔

        SpringMVC+Ajax實現文件批量上傳和下載功能實例代碼

        SpringMVC+Ajax實現文件批量上傳和下載功能實例代碼:今天做了文件的上傳下載,小小總結一下,基本的web項目建立及SpringMVC框架搭建此處不詳細寫出來了。 上傳form: <form id=uploadfiles enctype=multipart/form-data> <input type=file multiple=mul
        推薦度:
        導讀SpringMVC+Ajax實現文件批量上傳和下載功能實例代碼:今天做了文件的上傳下載,小小總結一下,基本的web項目建立及SpringMVC框架搭建此處不詳細寫出來了。 上傳form: <form id=uploadfiles enctype=multipart/form-data> <input type=file multiple=mul

        今天做了文件的上傳下載,小小總結一下,基本的web項目建立及SpringMVC框架搭建此處不詳細寫出來了。

        上傳form:

        <form id="uploadfiles" enctype="multipart/form-data">
         <input type="file" multiple="multiple" id="file_upload" name="file_upload" /> 
         <input type="button" value="上傳" onclick="upload()" />
        </form>

        上傳Ajax:

        <script type="text/javascript">
        /*
         * 上傳文件
         */
        function upload(){
         var formData = new FormData($( "#uploadfiles" )[0]);
         $.ajax({
         type: "post",
         url: "./path/upload",
         dataType: "json",
         data: formData,
         /** 
         *必須false才會自動加上正確的Content-Type 
         */ 
         contentType : false, 
         /** 
         * 必須false才會避開jQuery對 formdata 的默認處理 
         * XMLHttpRequest會對 formdata 進行正確的處理 
         */ 
         processData : false,
         success: function(data){//從后端返回數據進行處理
         if(data){
         alert("上傳成功!");
         }else{
         alert("上傳失敗!");
         }
         },
         error: function(err) {//提交出錯
         $("#msg").html(JSON.stringify(err));//打出響應信息
         alert("服務器無響應");
         }
         });
        }
        </script>

        spring.xml配置加上:

        <!-- 配置文件上傳 -->
         <bean id="multipartResolver"
         class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
         <!-- 默認編碼 -->
         <property name="defaultEncoding" value="utf-8" />
         <!-- 文件大小最大值 -->
         <property name="maxUploadSize" value="10485760000" />
         <!-- 內存中的最大值 -->
         <property name="maxInMemorySize" value="40960" />
         </bean>
        controller:
        /*
         * 上傳多個文件
         */
         @RequestMapping(value = "/upload", produces = "application/json;charset=UTF-8")
         public @ResponseBody
         boolean uploadFiles(@RequestParam("file_upload") MultipartFile [] files) {
         boolean result = false;
         String realPath;
         for(int i=0;i<files.length;i++){
         if (!files[i].isEmpty()) { 
         String uniqueName=files[i].getOriginalFilename();//得到文件名
         realPath="E:"+File.separator+uniqueName;//文件上傳的路徑這里為E盤
         files[i].transferTo(new File(realPath)); // 轉存文件
         result = true; 
         } catch (Exception e) { 
         e.printStackTrace(); 
         } 
         }
         }
         return result;
         }

        下載的jsp頁面代碼根據需求不同自己設計,這里給出controller代碼:

        /*
         * 下載多個文件
         */
         @RequestMapping(value = "/download")
         public void downloadFiles(HttpServletResponse response) {
         String str= request.getParameter("rows");//下載文件信息,包括文件名、存儲路徑等
         JSONArray path=(JSONArray) JSONArray.parse(request.getParameter("rows"));
         Path paths[]=new Path[path.size()];
         paths = JSONArray.parseArray(str, Path.class).toArray(paths);
         String uri = "d:"+ File.separator + "mldn.zip";//臨時文件存儲路徑
         File zipFile = new File(uri) ; // 定義壓縮文件名稱 
         ZipOutputStream zipOut = null;// 聲明壓縮流對象 
         InputStream input = null;
         //將要壓縮的文件加入到壓縮
        輸出流中 try { zipOut = new ZipOutputStream(new FileOutputStream(zipFile)); } catch (FileNotFoundException e) { e.printStackTrace(); } for(int i = 0;i<paths.length;i++){ File file = new File(paths[i].getUri()+File.separator+paths[i].getFilename()); try { input = new FileInputStream(file) ;// 定義文件的輸入流 zipOut.putNextEntry(new ZipEntry(file.getName())) ; // 設置ZipEntry對象 } catch (Exception e) { e.printStackTrace(); } } //將文件寫入到壓縮文件中 int temp = 0 ; try { while((temp=input.read())!=-1){ // 讀取內容 zipOut.write(temp) ; // 寫到壓縮文件中 } } catch (IOException e) { e.printStackTrace(); }finally{ try { input.close() ; zipOut.close() ; } catch (IOException e) { e.printStackTrace(); } } try { // 以流的形式下載文件。 BufferedInputStream fis = new BufferedInputStream(new FileInputStream(zipFile)); byte[] buffer = new byte[fis.available()]; fis.read(buffer); fis.close(); // 清空response response.reset(); OutputStream toClient = new BufferedOutputStream(response.getOutputStream()); response.setContentType("application/x-msdownload;"); response.setHeader("Content-Disposition", "attachment;filename=" + zipFile.getName()); toClient.write(buffer); toClient.flush(); toClient.close(); zipFile.delete(); //將生成的服務器端文件刪除 } catch (IOException ex) { ex.printStackTrace(); } }

        將多個文件打成一個壓縮包下載,然后將生成的臨時壓縮文件刪除。

        下載頁面如果用Ajax提交請求的話要注意:ajax函數的返回類型只有xml、text、json、html等類型,沒有“流”類型,所以我們要實現ajax下載,不能夠使用相應的ajax函數進行文件下載。但可以用js生成一個form,用這個form提交參數,并返回“流”類型的數據。

        例子:

        function download(){
         var form=$("<form>");//定義一個form表單
         form.attr("style","display:none");
         form.attr("target","");
         form.attr("method","post");
         form.attr("action","./path/download");//請求url
         var input1=$("<input>");
         input1.attr("type","hidden");
         input1.attr("name","rows");//設置屬性的名字
         input1.attr("value",“test”);//設置屬性的值
         $("body").append(form);//將表單放置在web中
         form.append(input1);
         form.submit();//表單提交 
         }

        總結

        以上所述是小編給大家介紹的SpringMVC+Ajax實現文件批量上傳和下載功能實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        SpringMVC+Ajax實現文件批量上傳和下載功能實例代碼

        SpringMVC+Ajax實現文件批量上傳和下載功能實例代碼:今天做了文件的上傳下載,小小總結一下,基本的web項目建立及SpringMVC框架搭建此處不詳細寫出來了。 上傳form: <form id=uploadfiles enctype=multipart/form-data> <input type=file multiple=mul
        推薦度:
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 在线视频亚洲一区| 久久亚洲欧美国产精品| a视频免费在线观看| 免费v片视频在线观看视频| 亚洲av午夜电影在线观看| 国产高清免费的视频| 亚洲GV天堂无码男同在线观看 | 亚洲AV无码国产一区二区三区| 97在线观免费视频观看| avtt天堂网手机版亚洲| 成人免费男女视频网站慢动作| 亚洲国产乱码最新视频| 日韩在线a视频免费播放| 色爽黄1000部免费软件下载| 亚洲人精品午夜射精日韩| 女人体1963午夜免费视频| 亚洲国产情侣一区二区三区| 无码一区二区三区免费视频| 亚洲aⅴ无码专区在线观看春色| 亚洲av无码专区在线观看素人| 国产VA免费精品高清在线| 亚洲精品乱码久久久久久蜜桃不卡 | 国产日本一线在线观看免费| 亚洲熟妇AV日韩熟妇在线| 免费欧洲美女牲交视频| 国产精品hd免费观看| 亚洲一区二区三区夜色| 无码少妇一区二区浪潮免费 | a级毛片毛片免费观看久潮| 久久久久亚洲精品无码系列| h片在线免费观看| 国产青草亚洲香蕉精品久久| 中文字幕精品亚洲无线码一区| 99精品国产成人a∨免费看| 亚洲精品女同中文字幕| 亚洲精品你懂的在线观看| 亚洲大片免费观看| 老外毛片免费视频播放| 亚洲日本一区二区| 日本午夜免费福利视频| 久操视频免费观看|