av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

前端ajax請求+后端java實現的下載zip壓縮包功能示例

瀏覽:4日期:2022-06-14 13:43:26
ajax請求 下載zip壓縮包

后臺最主要是 response.setContentType(“application/octet-stream”);以及 response.addHeader(“Content-Disposition”, “attachment;fileName=” + URLEncoder.encode(“圖片.zip”, “UTF-8”));

一、后臺代碼@PostMapping('/downloadZip') public void downloadCerts(HttpServletRequest request, HttpServletResponse response, @RequestBody List<String> ids) throws UnsupportedEncodingException { //文件流octet-streamresponse.setContentType('application/octet-stream');response.setCharacterEncoding('utf-8');response.addHeader('Content-Disposition', 'attachment;fileName=' + URLEncoder.encode('圖片.zip', 'UTF-8'));try { ZipOutputStream resultStream = new ZipOutputStream(response.getOutputStream());// 這里是查詢數據庫 List<Map> result = service.downloadCerts(ids); byte[] buffer = new byte[10240]; for (Map map :result) { //因為數據庫保存的是圖片的base64 所以需要轉換BASE64Decoder decoder = new BASE64Decoder();File certFace = new File('temp.png');OutputStream out = new FileOutputStream(certFace);byte[] b = decoder.decodeBuffer(((String) map.get('certB64')).split(',')[1]);for (int i = 0; i <b.length ; i++) { if (b[i] <0) {b[i]+=256; }}out.write(b);out.flush();out.close();//到這里 base64 轉換成了圖片//往zip里面壓入第一個文件 本地文件resultStream.putNextEntry(new ZipEntry('本地圖片.png' ));InputStream stream = new FileInputStream(new File('temp.png'));int len;// 讀入需要下載的文件的內容,打包到zip文件while ((len = stream.read(buffer)) > 0) { resultStream.write(buffer, 0, len);}resultStream.closeEntry();stream.close();resultStream.flush();//第一個文件壓入完成 關閉流 刷新一下緩沖區// 往zip里面壓入第二個文件 網絡文件 例:https://profile.csdnimg.cn/8/C/E/3_blogdevteamresultStream.putNextEntry(new ZipEntry('網絡圖片.png'));URL url = new URL('https://profile.csdnimg.cn/8/C/E/3_blogdevteam';);String str = url.toString();URLConnection connection = url.openConnection();InputStream backStream = connection.getInputStream();// 讀入需要下載的文件的內容,打包到zip文件while ((len = backStream.read(buffer)) > 0) { resultStream.write(buffer, 0, len);}resultStream.closeEntry();backStream.close();resultStream.flush();//第二個文件壓入完成 關閉流 刷新一下緩沖區 } resultStream.close(); //關閉流} catch (IOException e) { e.printStackTrace();} }二、前端代碼

前端代碼比較簡單 直接貼出 我使用的是vue的 axios

download(this.ids).then((response) =>{if (response.status == 200) { let url = window.URL.createObjectURL(new Blob([response.data])) let link= document.createElement('a') link.style.display='none' link.href=url link.setAttribute('download', '圖片.zip') // 自定義下載文件名(如exemple.txt) document.body.appendChild(link) link.click()}else{ this.$message.error('下載出錯了');}});

這里的 download(this.ids) 是封裝過的axios 重點是 then里的代碼

問題

如果你發現下載的文件比源文件大,很可能是前端請求需要加入以下代碼

responseType:'blob',

注意:筆者在測試過程中發現一些網站帶有防盜鏈功能,需要referer驗證。另外還可能會出現前端blob格式轉換、跨域等諸多問題 ,需要讀者酌情處理。

標簽: Ajax
相關文章:
主站蜘蛛池模板: 亚洲一区二区三区免费在线观看 | 欧美一区二区三区视频 | 色综合久| 国产欧美一区二区久久性色99 | 日本久久福利 | 天天影视亚洲综合网 | 国产精品18久久久久久白浆动漫 | 97超碰人人草 | 国产精品久久久亚洲 | 神马久久av| 99色综合| 超碰一区二区 | 欧美成视频 | 久久久久久久久久久久久久久久久久久久 | 日本国产一区二区 | 视频一区在线观看 | 四虎在线观看 | 中文字幕一区在线观看视频 | 免费观看一级毛片 | 国产女人与拘做受视频 | 欧洲一区二区视频 | 日韩三区 | 超碰人人艹 | 午夜精品一区 | 日韩久久久久久 | 久久久精品一区 | 日韩一区二区三区精品 | 91成人精品视频 | 欧美在线日韩 | 日韩精品在线一区 | 国产在线视频在线观看 | 欧美中文一区 | 日日久| 精品一区二区三区四区在线 | 欧美中文| 国内精品久久久久久久影视简单 | 狠狠躁18三区二区一区 | 精品国产乱码久久久久久88av | 久久久久久国产精品免费免费 | 综合网视频 | 午夜a级理论片915影院 |