後臺Java處理 response.setContentType("multipart/form-data"); response.setCharacterEncoding("UTF-8"); response.setContentType("text/html"); // 2.設置文件頭:最後一個參數是設置下載文件名 response.setHeader("Content-Disposition", "attachment;fileName=" + html名); ServletOutputStream out; // 通過文件路徑獲得File對象 File htmlFile = new File(html的地址路徑+html名); FileInputStream inputStream = new FileInputStream(htmlFile); // 3.通過response獲取ServletOutputStream對象(out) out = response.getOutputStream(); int b = 0; byte[] buffer = new byte[1024]; while ((b = inputStream.read(buffer)) != -1) { // 4.寫到輸出流(out)中 out.write(buffer, 0, b); } inputStream.close(); out.flush(); out.close();
前端處理
jsp
<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %> <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-language" content="zh-CN" /> <title>文件預覽</title> <script type="text/javascript" src="js路徑"></script> </head> <body> <div id="previewFileId"></div> </body> </html>
js
$("#previewFileId").load("後臺請求地址", {參數});
前臺處理使用load,不會彈出提示是否下載