浏览器Js 上传数据到Java Springboot后 转换为Excel 并下载 Excel转换帮助Controller控制器

最新推荐文章于 2023-02-07 18:52:25 发布
最新推荐文章于 2023-02-07 18:52:25 发布
阅读量223 收藏
点赞数
分类专栏： JAVA # Js JavaScript ECMAScript HTML CSS JS 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kfepiza/article/details/120179139
版权

Java后端pom 引入 poi-ooxml

  	<dependency>
	    <groupId>org.apache.poi</groupId>
	    <artifactId>poi-ooxml</artifactId>
	    <version>5.0.0</version>
	</dependency>

前端js代码实例

将内容上传然后转换为Excel后下载=(url,content)=>{
	let xhr = new XMLHttpRequest();
	xhr.open("post",url);
	xhr.responseType="blob";  // 要设置responseType为blob
	xhr.onload=(ev)=>{
		let blob = xhr.response;  //这步只是为了说明,设置responseType为blob后,response就是blob
		let a=document.createElement("a");
		a.href = window.URL.createObjectURL(blob);
		a.download="excle.xls";
		a.click();
		window.URL.revokeObjectURL(a.href);  //释放内存
	};
	xhr.send(content);
};

~function fexe010(){
	let 上传内容=JSON.stringify(
		[
			["第一列","第二列","第三列"]
			,
			[1,2,3]
			,
			[4,5,6]
			,
			[7,8,9]
		]
	);
	将内容上传然后转换为Excel后下载("http://localhost:8080/excel/ar2dToXls",  上传内容);
}();

主要方法提炼

将内容上传然后转换为Excel后下载=function(url,content,fileName="excel.xls"){
	let r=new XMLHttpRequest();
	r.open("post",url);
	r.responseType="blob";  // 要设置responseType为blob
	r.onload=(ev)=>{
		let a=document.createElement("a");
		a.href=URL.createObjectURL(r.response);
		a.download=fileName;
		a.click();
		window.URL.revokeObjectURL(a.href);  //释放内存
	};
	r.send(content);
};

URL.createObjectURL(接收Blob或File或MediaSource对象作为参数)
href = urlObject = URL.createObjectURL(接收Blob或File或MediaSource对象作为参数)

URL.revokeObjectURL(objectURL);
静态方法用来释放一个之前已经存在的、通过调用 URL.createObjectURL() 创建的 URL 对象。
当你结束使用某个 URL 对象之后，应该通过调用这个方法来让浏览器知道不用在内存中继续保留对这个文件的引用了。

MDN对window.URL的说明 , 有两个静态方法: URL.createObjectURL 和 URL.revokeObjectURL

XMLHttpRequest.responseType 默认""与"text"都是text , 还有 “blob”,“arraybuffer”,“document”,"json"等

后端控制器代码



import java.io.*;
import java.text.SimpleDateFormat;
import java.util.*;

import javax.servlet.http.*;

import org.apache.poi.hssf.usermodel.HSSFWorkbook;
import org.apache.poi.ss.usermodel.*;
import org.apache.poi.xssf.usermodel.XSSFWorkbook;
import org.springframework.web.bind.annotation.*;

import com.fasterxml.jackson.core.JsonParseException;
import com.fasterxml.jackson.databind.JsonMappingException;
import com.fasterxml.jackson.databind.ObjectMapper;

@RestController
@RequestMapping("excel")
public class ExcelCtl {
	
	ObjectMapper om = new ObjectMapper();
	
	@GetMapping()
	public Object defGet() {
		
		return null;
		
	}
	
	@PostMapping("a2ToExcel")
	public Object a2ToExcel(HttpServletRequest req, HttpServletResponse resp) {
//		System.out.println("a2ToExcel");
		String [][] ar2d=null;
		resp.setHeader("Content-Type", "application/x-xls");
		try {
			ar2d=om.readValue(req.getInputStream(), String[][].class);
		} catch (JsonParseException e) {
			e.printStackTrace();
		} catch (JsonMappingException e) {
			e.printStackTrace();
		} catch (IOException e) {
			e.printStackTrace();
		}
		try {
			OutputStream os = resp.getOutputStream();
			a2ToExcel(ar2d, os, req.getParameter("扩展名"));  //指定扩展名为 xlsx 得到xlsx 否则为 xls
		} catch (IOException e) {
			System.err.println("response.getOutputStream()发生异常");
			e.printStackTrace();
		}
		return null;
	}
	public static Workbook a2ToExcel(String[][] ar2d, OutputStream os, final String exName){
		Workbook wb = null;
		if("xlsx".equals(exName))wb = new XSSFWorkbook();   //指定扩展名为 xlsx 得到xlsx 否则为 xls
		else wb = new HSSFWorkbook();
		Sheet sheet = wb.createSheet("sheet0");
		for(int r=0;r<ar2d.length;r++) {
			Row row = sheet.createRow(r); String ar[] = ar2d[r];
			for(int c=0;c<ar.length;c++) {
				String str = ar[c];
				Cell cell = row.createCell(c);
				cell.setCellValue(str);
//				System.out.append(str).append("      ");
			}
//			System.out.println();
		}
//		try {
//			FileOutputStream fos = new FileOutputStream("excelTest010.xls"); //生成在项目文件夹或jar包文件夹
//			wb.write(fos); //wb.write()可以多次调用输出的多个OutputStream
//			fos.close();
//		}catch(Exception ex) {ex.printStackTrace();}
		if(os!=null) {
			try{wb.write(os);}catch(IOException e) {e.printStackTrace();}
			try{wb.close();}catch(IOException e) {e.printStackTrace();}
			try{os.close();}catch(IOException e) {e.printStackTrace();}
		}
		return wb;
	}
	@SuppressWarnings("unchecked")
	public static Workbook a2ToExcel(ArrayList<?> ar2d, OutputStream os, final String ExtensionName){
		String [][] sar2d = new String[ar2d.size()][];
		for(int r=0;r<sar2d.length;r++) {
			Object ro = ar2d.get(r);
			if(ro instanceof String[])sar2d[r]=(String[]) ro;
			else if(ro instanceof ArrayList) {
				ArrayList<String> sal = (ArrayList<String>) ro;
				String [] sr = new String[sal.size()];
				sal.toArray(sr);
				sar2d[r]=sr;
			}
		}
		return a2ToExcel(sar2d, os, ExtensionName);
	}
	public static Workbook ajToExcel(LinkedHashMap<String,String>[] arj, OutputStream os, final String ExtensionName) {
		ArrayList<ArrayList<String>> ar2d = new ArrayList<ArrayList<String>>();
		LinkedHashMap<String,String> m0 = arj[0];
		ArrayList<String> headAl = new ArrayList<String>(m0.size()); ar2d.add(headAl);
		m0.forEach((k,v)->{headAl.add(k);});
		for(int r=0; r<arj.length; r++){
			ArrayList<String> rAl = new ArrayList<>(); ar2d.add(rAl);
			LinkedHashMap<String,String> mr = arj[r];
			mr.forEach((k,v)->{rAl.add(v);});
		}
//		System.out.println(ar2d);
		return a2ToExcel(ar2d, os, ExtensionName);
	}
	@SuppressWarnings("unchecked")
	public static Workbook ajToExcel(ArrayList<LinkedHashMap<String, String>> arj, OutputStream os, final String ExtensionName) {
		LinkedHashMap<String,String>[] arj1 = new LinkedHashMap[arj.size()];
		arj.toArray(arj1);
		return ajToExcel(arj1, os, ExtensionName);
	}
	static class Arj extends ArrayList<LinkedHashMap<String,String>>{

		/**
		 * 
		 */
		private static final long serialVersionUID = 1L;
		
	}
	@PostMapping("ajToExcel")
	public Object ajToExcel(HttpServletRequest req, HttpServletResponse resp) {
		Arj arj=null;
		resp.setHeader("Content-Type", "application/x-xls");
		try {
			arj=om.readValue(req.getInputStream(), Arj.class);
//			System.out.println(arj);
		} catch (JsonParseException e) {
			e.printStackTrace();
		} catch (JsonMappingException e) {
			e.printStackTrace();
		} catch (IOException e) {
			e.printStackTrace();
		}
		try {
			OutputStream os = resp.getOutputStream();
			ajToExcel(arj, os, req.getParameter("扩展名"));   //指定扩展名为 xlsx 得到xlsx 否则为 xls
		} catch (IOException e) {
			System.err.println("response.getOutputStream()发生异常");
			e.printStackTrace();
		}
		return null;
	}
	
	
	@SuppressWarnings("deprecation")
	public static String[][] sheet2Sar2d(Sheet sheet){
		String[][] result = null; Row row = null; Cell cell = null;
		try {
			result = new String[sheet.getLastRowNum()+1][];  //getLastRowNum()要+1 , getLastCellNum()不用
			for(int r=0; r<result.length; r++) {
				row = sheet.getRow(r);
				result[r] = row==null ? new String[0] : new String[row.getLastCellNum()];
				for(int c=0; c<result[r].length ; c++) {
					cell = row.getCell(c);
					if(cell==null) {
						result[r][c]="";
					}else {
						if(cell.getCellType()==CellType.STRING) {result[r][c]=cell.getStringCellValue();}
						else if(cell.getCellType()==CellType.NUMERIC) {
							if(DateUtil.isCellDateFormatted(cell)) {
								Date date = cell.getDateCellValue();
								String dtStr;
								if(date.getSeconds()!=0 && date.getMinutes()!=0 && date.getHours()!=0)
								{dtStr = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(date);}
								else{dtStr = new SimpleDateFormat("yyyy-MM-dd").format(date);}
								result[r][c]=dtStr;
							}else{
								String str = cell.toString();
								if(str.endsWith(".0"))str=str.substring(0, str.length()-2);
								result[r][c]=str;
							};
						}else {
							result[r][c]=cell.toString();
						}
					}
				}
			}
		}catch(Exception exception) {exception.printStackTrace();}
		return result;
	}
	public static Arj a2ToAm(String[][] ar2d) {
		String heads[] = ar2d[0];
		Arj arj = new Arj();
		for(int r=1; r<ar2d.length; r++) {
			String rsar[] = ar2d[r];
			LinkedHashMap<String, String> lh = new LinkedHashMap<String, String>();
			for(int c=0;c<heads.length;c++) {
				lh.put(heads[c], rsar[c]);
			}
			arj.add(lh);
		}
		return arj;
	}
	public static String[][] excelSheet0ToSar2d(InputStream is){
		String sar2d[][] = null; Workbook workbook=null;
		try {
			workbook = WorkbookFactory.create(is);
			sar2d = sheet2Sar2d(workbook.getSheetAt(0));
			is.close(); workbook.close();
		}catch(Exception exception) {exception.printStackTrace();}
		finally {
			try {is.close();}catch(Exception e) {}
			try {workbook.close();}catch(Exception e) {}
		}
		return sar2d;
	}
	public static Arj excelSheet0ToArj(InputStream is) {
		String ar2d[][] = excelSheet0ToSar2d(is);
		return a2ToAm(ar2d);
	}
	@PostMapping("testExcelToArj")
	public Object testExcelToArj(HttpServletRequest req) throws Exception{
		String r="";
		Arj arj = excelSheet0ToArj(req.getInputStream());
		System.out.println(arj);
		r = om.writeValueAsString(arj);
		System.out.println(r);
		return r;
	}
	
	
	
	public static void main(String[] arguments) throws Exception{
		InputStream is = null;
		is = new FileInputStream("d:/temp/temp.xls");
		printExcel(is);
	}
	
	public static void printExcel(InputStream is) {
		String[][] sar2d = excelSheet0ToSar2d(is);
		for(int r=0; r<sar2d.length; r++) {
			for(int c=0; c<sar2d[r].length; c++) {
				System.out.append(sar2d[r][c]).append(',');
			}
			System.out.println();
		}
	}



}

完整Html示例代码

<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"/><title></title><style>

#BodyH{display:flex; align-items:center; justify-content:center;}

button{padding:10px;}
button:hover:not(:active){cursor:pointer; transform:scale(1.05); }
button:active{transform:scale(0.95);}
legend{font-size:36px;}

</style><script>const ge=window.dgebi=function(e,s){if(e&&e.constructor===String){e=document.getElementById(e);e=e||document.querySelector(e);}if(e&&s)e.appendChild(s);if(!e){console.log("dgebi没能获取到元素");}return e;},
dcept=(p,tn="DIV")=>{let e=document.createElement(tn);e.idfine=(i)=>{e.id=i;return window[i]=e;};e.htm=(h)=>{e.innerHTML=h;return e;};dgebi(p,e);return e;} ;
if(!document.title.length)(function(){var str=document.URL; str=str.substring( str.lastIndexOf("/")+1 , str.length-5); str=decodeURI(str); document.title=str;})();
</script><script>




</script></head><body style="margin:0; font-size:16px; "><header id="BodyH">

	<label style="font-size:3rem; "></label><script>{let s=document.currentScript; let l=s.previousElementSibling; if(!l.innerHTML.length)l.textContent=document.title}</script>

</header><div id="BodyB">

<div style="display:grid; grid-template-columns:1fr 1fr;">
<button type="button"  style="padding:40px; font-size:20px; border-radius:6px; background-color:#0099ff;"
onclick="eval(this.textContent+'();')">将a2内容上传然后转换为xls后下载方法演示</button>
<button type="button"  style="padding:40px; font-size:20px; border-radius:6px; background-color:#0099ff;"
onclick="eval(this.textContent+'();')">将a2内容上传然后转换为xlsx后下载方法演示</button>
<button type="button"  style="padding:40px; font-size:20px; border-radius:6px; background-color:#0099ff;"
onclick="eval(this.textContent+'();')">将aj内容上传然后转换为xls后下载方法演示</button>
<button type="button"  style="padding:40px; font-size:20px; border-radius:6px; background-color:#0099ff;"
onclick="eval(this.textContent+'();')">将aj内容上传然后转换为xlsx后下载方法演示</button>
</div>


<fieldset><legend>前端js代码<button type="button" onclick="copyTextContentToClipboardBy(this.parentNode.nextElementSibling.children[0])">点击复制👇</button></legend><pre><code id="前端js代码"></code></pre></fieldset>
<fieldset><legend>后端控制器代码<button type="button" onclick="copyTextContentToClipboardBy(this.parentNode.nextElementSibling.children[0])">点击复制👇</button></legend><pre><code id="后端控制器代码"></code></pre></fieldset>


<script>
{
let code = dgebi("后端控制器代码");
code.textContent=`



import java.io.*;
import java.text.SimpleDateFormat;
import java.util.*;

import javax.servlet.http.*;

import org.apache.poi.hssf.usermodel.HSSFWorkbook;
import org.apache.poi.ss.usermodel.*;
import org.apache.poi.xssf.usermodel.XSSFWorkbook;
import org.springframework.web.bind.annotation.*;

import com.fasterxml.jackson.core.JsonParseException;
import com.fasterxml.jackson.databind.JsonMappingException;
import com.fasterxml.jackson.databind.ObjectMapper;

@RestController
@RequestMapping("excel")
public class ExcelCtl {
	
	ObjectMapper om = new ObjectMapper();
	
	@GetMapping()
	public Object defGet() {
		
		return null;
		
	}
	
	@PostMapping("a2ToExcel")
	public Object a2ToExcel(HttpServletRequest req, HttpServletResponse resp) {
//		System.out.println("a2ToExcel");
		String [][] ar2d=null;
		resp.setHeader("Content-Type", "application/x-xls");
		try {
			ar2d=om.readValue(req.getInputStream(), String[][].class);
		} catch (JsonParseException e) {
			e.printStackTrace();
		} catch (JsonMappingException e) {
			e.printStackTrace();
		} catch (IOException e) {
			e.printStackTrace();
		}
		try {
			OutputStream os = resp.getOutputStream();
			a2ToExcel(ar2d, os, req.getParameter("扩展名"));  //指定扩展名为 xlsx 得到xlsx 否则为 xls
		} catch (IOException e) {
			System.err.println("response.getOutputStream()发生异常");
			e.printStackTrace();
		}
		return null;
	}
	public static Workbook a2ToExcel(String[][] ar2d, OutputStream os, final String exName){
		Workbook wb = null;
		if("xlsx".equals(exName))wb = new XSSFWorkbook();   //指定扩展名为 xlsx 得到xlsx 否则为 xls
		else wb = new HSSFWorkbook();
		Sheet sheet = wb.createSheet("sheet0");
		for(int r=0;r<ar2d.length;r++) {
			Row row = sheet.createRow(r); String ar[] = ar2d[r];
			for(int c=0;c<ar.length;c++) {
				String str = ar[c];
				Cell cell = row.createCell(c);
				cell.setCellValue(str);
//				System.out.append(str).append("      ");
			}
//			System.out.println();
		}
//		try {
//			FileOutputStream fos = new FileOutputStream("excelTest010.xls"); //生成在项目文件夹或jar包文件夹
//			wb.write(fos); //wb.write()可以多次调用输出的多个OutputStream
//			fos.close();
//		}catch(Exception ex) {ex.printStackTrace();}
		if(os!=null) {
			try{wb.write(os);}catch(IOException e) {e.printStackTrace();}
			try{wb.close();}catch(IOException e) {e.printStackTrace();}
			try{os.close();}catch(IOException e) {e.printStackTrace();}
		}
		return wb;
	}
	@SuppressWarnings("unchecked")
	public static Workbook a2ToExcel(ArrayList<?> ar2d, OutputStream os, final String ExtensionName){
		String [][] sar2d = new String[ar2d.size()][];
		for(int r=0;r<sar2d.length;r++) {
			Object ro = ar2d.get(r);
			if(ro instanceof String[])sar2d[r]=(String[]) ro;
			else if(ro instanceof ArrayList) {
				ArrayList<String> sal = (ArrayList<String>) ro;
				String [] sr = new String[sal.size()];
				sal.toArray(sr);
				sar2d[r]=sr;
			}
		}
		return a2ToExcel(sar2d, os, ExtensionName);
	}
	public static Workbook ajToExcel(LinkedHashMap<String,String>[] arj, OutputStream os, final String ExtensionName) {
		ArrayList<ArrayList<String>> ar2d = new ArrayList<ArrayList<String>>();
		LinkedHashMap<String,String> m0 = arj[0];
		ArrayList<String> headAl = new ArrayList<String>(m0.size()); ar2d.add(headAl);
		m0.forEach((k,v)->{headAl.add(k);});
		for(int r=0; r<arj.length; r++){
			ArrayList<String> rAl = new ArrayList<>(); ar2d.add(rAl);
			LinkedHashMap<String,String> mr = arj[r];
			mr.forEach((k,v)->{rAl.add(v);});
		}
//		System.out.println(ar2d);
		return a2ToExcel(ar2d, os, ExtensionName);
	}
	@SuppressWarnings("unchecked")
	public static Workbook ajToExcel(ArrayList<LinkedHashMap<String, String>> arj, OutputStream os, final String ExtensionName) {
		LinkedHashMap<String,String>[] arj1 = new LinkedHashMap[arj.size()];
		arj.toArray(arj1);
		return ajToExcel(arj1, os, ExtensionName);
	}
	static class Arj extends ArrayList<LinkedHashMap<String,String>>{

		/**
		 * 
		 */
		private static final long serialVersionUID = 1L;
		
	}
	@PostMapping("ajToExcel")
	public Object ajToExcel(HttpServletRequest req, HttpServletResponse resp) {
		Arj arj=null;
		resp.setHeader("Content-Type", "application/x-xls");
		try {
			arj=om.readValue(req.getInputStream(), Arj.class);
//			System.out.println(arj);
		} catch (JsonParseException e) {
			e.printStackTrace();
		} catch (JsonMappingException e) {
			e.printStackTrace();
		} catch (IOException e) {
			e.printStackTrace();
		}
		try {
			OutputStream os = resp.getOutputStream();
			ajToExcel(arj, os, req.getParameter("扩展名"));   //指定扩展名为 xlsx 得到xlsx 否则为 xls
		} catch (IOException e) {
			System.err.println("response.getOutputStream()发生异常");
			e.printStackTrace();
		}
		return null;
	}
	
	
	@SuppressWarnings("deprecation")
	public static String[][] sheet2Sar2d(Sheet sheet){
		String[][] result = null; Row row = null; Cell cell = null;
		try {
			result = new String[sheet.getLastRowNum()+1][];  //getLastRowNum()要+1 , getLastCellNum()不用
			for(int r=0; r<result.length; r++) {
				row = sheet.getRow(r);
				result[r] = row==null ? new String[0] : new String[row.getLastCellNum()];
				for(int c=0; c<result[r].length ; c++) {
					cell = row.getCell(c);
					if(cell==null) {
						result[r][c]="";
					}else {
						if(cell.getCellType()==CellType.STRING) {result[r][c]=cell.getStringCellValue();}
						else if(cell.getCellType()==CellType.NUMERIC) {
							if(DateUtil.isCellDateFormatted(cell)) {
								Date date = cell.getDateCellValue();
								String dtStr;
								if(date.getSeconds()!=0 && date.getMinutes()!=0 && date.getHours()!=0)
								{dtStr = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(date);}
								else{dtStr = new SimpleDateFormat("yyyy-MM-dd").format(date);}
								result[r][c]=dtStr;
							}else{
								String str = cell.toString();
								if(str.endsWith(".0"))str=str.substring(0, str.length()-2);
								result[r][c]=str;
							};
						}else {
							result[r][c]=cell.toString();
						}
					}
				}
			}
		}catch(Exception exception) {exception.printStackTrace();}
		return result;
	}
	public static Arj a2ToAm(String[][] ar2d) {
		String heads[] = ar2d[0];
		Arj arj = new Arj();
		for(int r=1; r<ar2d.length; r++) {
			String rsar[] = ar2d[r];
			LinkedHashMap<String, String> lh = new LinkedHashMap<String, String>();
			for(int c=0;c<heads.length;c++) {
				lh.put(heads[c], rsar[c]);
			}
			arj.add(lh);
		}
		return arj;
	}
	public static String[][] excelSheet0ToSar2d(InputStream is){
		String sar2d[][] = null; Workbook workbook=null;
		try {
			workbook = WorkbookFactory.create(is);
			sar2d = sheet2Sar2d(workbook.getSheetAt(0));
			is.close(); workbook.close();
		}catch(Exception exception) {exception.printStackTrace();}
		finally {
			try {is.close();}catch(Exception e) {}
			try {workbook.close();}catch(Exception e) {}
		}
		return sar2d;
	}
	public static Arj excelSheet0ToArj(InputStream is) {
		String ar2d[][] = excelSheet0ToSar2d(is);
		return a2ToAm(ar2d);
	}
	@PostMapping("testExcelToArj")
	public Object testExcelToArj(HttpServletRequest req) throws Exception{
		String r="";
		Arj arj = excelSheet0ToArj(req.getInputStream());
		System.out.println(arj);
		r = om.writeValueAsString(arj);
		System.out.println(r);
		return r;
	}
	
	
	
	public static void main(String[] arguments) throws Exception{
		InputStream is = null;
		is = new FileInputStream("d:/temp/temp.xls");
		printExcel(is);
	}
	
	public static void printExcel(InputStream is) {
		String[][] sar2d = excelSheet0ToSar2d(is);
		for(int r=0; r<sar2d.length; r++) {
			for(int c=0; c<sar2d[r].length; c++) {
				System.out.append(sar2d[r][c]).append(',');
			}
			System.out.println();
		}
	}



}





`;
}
</script>





</div><footer id="BodyF"></footer><style id="LastStyleTag"></style><script>const BodyH=dgebi("BodyH") , BodyB=dgebi("BodyB") , BodyF=dgebi("BodyF") , LastStyleTag=dgebi("LastStyleTag") , LastStyleSheet=LastStyleTag.sheet;
{//复制text到剪切板 要用textarea, input没有换行
const t=dcept(document.body,"textarea"); t.style.cssText="position:fixed; top:-100px; width:0; height:0;";
function copyTextContentToClipboardBy(e){e=dgebi(e); let h=t; h.value=e.textContent; h.select(); document.execCommand('copy');}
}


</script>
<script id="script168">

将内容上传然后转换为Excel后下载=(url,content,fileName="excel.xls")=>{
	let xhr = new XMLHttpRequest();
	xhr.open("post",url);
	xhr.responseType="blob";  // 要设置responseType为blob
	xhr.onload=(ev)=>{
		let blob = xhr.response;  //这步只是为了说明,设置responseType为blob后,response就是blob

		console.log(xhr);

		let a=document.createElement("a");
		a.href = window.URL.createObjectURL(blob);
		a.download=fileName;
		a.click();
		window.URL.revokeObjectURL(a.href);  //释放内存
	};
	xhr.send(content);
};

function a2aj(ax){let rlt=[], x=ax[0];
	if(x.constructor===Array){
		for(let r=1;r<ax.length;r++){let ar=ax[r],rj={};rlt.push(rj);
			for(let c=0;c<x.length;c++){rj[x[c]]=ar[c];}
		}
	}
	else if(x.constructor===Object){let hs=[]; for(let h of Object.keys(x)){hs.push(h);}rlt.push(hs);
		for(let r=0;r<ax.length;r++){let ar=[],rj=ax[r];rlt.push(ar);
			for(let v of Object.values(rj))ar.push(v);
		}
	}
return rlt;}


	let a2=
		[
			["第一列","第二列","第三列"]
			,
			[1,2,3]
			,
			[4,5,6]
			,
			[7,8,9]
		];
	let aj=a2aj(a2);
	console.log(a2aj(aj));
	let 上传a2内容=JSON.stringify(a2);
	let 上传aj内容=JSON.stringify(aj);
function 将a2内容上传然后转换为xls后下载方法演示(){	  将内容上传然后转换为Excel后下载("http://localhost:8080/excel/a2ToExcel",  上传a2内容);  }
function 将a2内容上传然后转换为xlsx后下载方法演示(){	  将内容上传然后转换为Excel后下载("http://localhost:8080/excel/a2ToExcel?扩展名=xlsx",  上传a2内容);  }
function 将aj内容上传然后转换为xls后下载方法演示(){	  将内容上传然后转换为Excel后下载("http://localhost:8080/excel/ajToExcel",  上传aj内容);  }
function 将aj内容上传然后转换为xlsx后下载方法演示(){	  将内容上传然后转换为Excel后下载("http://localhost:8080/excel/ajToExcel?扩展名=xlsx",  上传aj内容);  }


</script>
<script>
{
let code = dgebi("前端js代码");
code.textContent=dgebi("script168").innerHTML;
}
</script>


</body></html>
kfepiza
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
java js文件上传excel_Java导入Excel文件页面实现JS
weixin_34853336的博客
02-27 146
Excel导入：页面创建导入按钮，如：代码：导入交易JS：function upload(){layer.open({type : 2, //层类型title :'导入文件', //标题shadeClose : true,//是否点击遮罩关闭shade : [ 0.4, '#000' ], //遮罩maxmin : false, //开启最大化最小化按钮area : [ '460px', '...
java js文件上传excel_EXCEL文件下载（js、java）
weixin_36342356的博客
02-27 133
下载的js：/*** @param target_URL 下载地址* @param onload 服务器返回结果的回调函数* @param fileName 文件名 不传则从服务端获取 Content-disposition filename=** @param save_URL 保存路径 先不写了*/function downLoadFile(target_url,onloadFunction,...
spring boot结合 JS 实现文件上传
希望有志同道合的的朋友可以互相学习！
02-07 272
spring boot结合 JS 实现文件上传
Java+JS的Excel文件导出代码示例
漫步者的编程世界
12-22 354
Java是使用的SpringBoot框架 pom.xml文件引入Excel操作依赖包poi-ooxml <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi-ooxml</artifactId> <version>4.1.2</version> </dependency> controller中的接口代码，
java web导出excel表格,java 网页导出excel表格数据-java 将页面内容写入excel文件中并可以将其下载到......
weixin_39857480的博客
03-13 142
java开发怎么导入导出excel里面信息内容？在Java中向Excel文件写入内容四出数Excel文件中下面的例子，设置了数字、的格式，还体，颜色等。File tempFile=new File("d:/temp/output.xls");WritableWorkbook workbook = Workbook.createWorkbook(tempFile);WritableSheet she...
关于Java使用EasyExcel导出动态数据为Excel文件SpringBoot代码项目示例
02-15
例如业务有渲染单元格颜色的，或者要求字体加粗，或者写入到多个Sheet页，或者设置列宽、行高，或者合并单元格，或者自动列宽，或者插入批注，或者读取Excel数据，又或者日期、数字或者自定义格式转换等等的需求时，...
java springboot poi 从controller 接收不同类型excel 文件处理
08-25
本文详细介绍了如何使用Java SpringBoot框架和Apache POI库来处理从Controller层接收的不同类型的Excel文件，并将其转换为Java对象，以便在业务逻辑中进行处理。通过使用POI库，可以轻松地处理不同的Excel文件格式，...
Springboot上传excel并将表格数据导入或更新mySql数据库的过程
08-27
Spring Boot 上传 Excel 并将表格数据导入或更新 MySQL 数据库的过程是指使用 Spring Boot 框架，通过上传 Excel 文件，并将其中的表格数据导入或更新到 MySQL 数据库中。在这个过程中，需要使用到 Spring Boot 的 ...
SpringBoot使用POI进行Excel下载
08-25
Spring Boot 使用 POI 进行 Excel 下载 关于 Spring Boot 使用 POI 进行 Excel 下载的知识点总结： 一、POI 介绍 POI 是 Apache 软件基金会的一款开源组件，提供了对 Microsoft Office 格式文件的读写能力，包括 ...
SpringBoot下载xlsx模板，导出excel数据
12-21
在本文中，我们将探讨如何使用SpringBoot框架配合Apache POI库来实现下载XLSX模板以及导出Excel数据的功能。SpringBoot因其简化配置和快速开发的特性，被广泛应用于各种Web应用，包括数据导出这样的任务。Apache POI...
利用Blob进行文件上传的完整步骤
12-10
Blob Blob，Binary Large Object的缩写，二进制类型的大对象，代表不可改变的原始数据 在计算机中，BLOB常常是数据库中用来存储二进制文件的字段类型。 Blob基本用法 Blob对象 Blob对象指的是字节序列，并且具有size属性，是字节序列中的字节总数，和一个type属性，它是小写的ASCII编码的字符串表示的媒体类型字节序列。 size:以字节数返回字节序列的大小。获取时，符合要求的用户代理必须返回一个FileReader或一个FileReaderSync对象可以读取的总字节数，如果Blob没有要读取的字节，则返回0 。 type:小写的ASCII编码字符串
用JS在浏览器中创建下载文件
weixin_30404405的博客
09-22 159
前端很多项目中，都有文件下载的需求，特别是JS生成文件内容，然后让浏览器执行下载操作（例如在线图片编辑、在线代码编辑、iPresst等 但受限于浏览器，很多情况下我们都只能给出个链接，让用户点击打开-》另存为。如下面这个链接： <a href=”file.js”>file.js</a> 用户点击这个链接的时候，浏览器会打开并显示链接指向的文件内容，显然，这并没有实现我...
js java导入excel,前端JS实现一键导入excel表格
weixin_39830313的博客
03-16 239
前面的文章中已经讲过关于js表格的导出，此文章主要说到的是excel文件如何导入到网页中，并在网页端显示。代码部分:js导入excelvar wb;//读取var rABS = false;//开始导入function importf(obj) {if(!obj.files) {return;}var f = obj.files[0];var reader = new FileReader();r...
java 接受导入文件,上传EXCEL文件到后端，导入并解析EXCEL的前后端实现（Vue.js + java后端）-Go语言中文社区...
weixin_39669638的博客
03-20 1420
vue.js前端，Java后端，如何导入excel文件，并且解析，本文给了前后端代码的实现，以及完美实践OK之后的分享。前端主要用了element-ui的upload组件。1.VUE前端democlass="upload-demo"ref="upload":action="uploadUrl()":data="uploadData"name="excelFile":on-preview="hand...
java filereader blob_如何从javascript发送音频blob到java spring服务...
weixin_39630126的博客
02-25 143
我正在使用RecordRTC在我的javascript客户端录制一些音频数据.我想通过WebSockets将这个音频数据发送到我的Spring RestController.录制后我在我的javascript客户端中有一个blob对象：Blob {size：65859,type：“audio / webm”}我尝试使用FileReader将此blob转换为ArrayBuffer对象,看起来像这个A...
excel通过js导入到页面_30分钟，教会大家 javaweb项目，导入导出excel数据
weixin_42356315的博客
01-19 245
1.背景本视频会讲解web项目如何，导入，导出excel：使用的技术是poi不管你使用的是sring boot框架 还是ssm框架(这2个框架基本一样)您都可以使用poi进入excel的操作。2.把数据 导出excel我们导出excel使用的是模板导出(Java 导出Excel利用模版导出)首先呢，在电脑新建一个excel的模板，复制到我们的项目，(截图 )我们导出数据就是利用这个模...
前端到后端生成excel表格并下载,语言Java，TypeScript，框架restful JavaSpring
weixin_41147129的博客
03-31 676
一：前端显示一个按钮，触发下载任务 1. query.component.html <div class="animated fadeIn"> <div class="card"> <div class="card-header"> <div class="row col-lg-12 col-md-12 col-sm-12"&gt...
SpringBoot将数据实体导入Excel格式并返回
weixin_42782429的博客
05-25 650
SpringBoot将数据实体导入Excel格式并返回 首先我们需要导入一个叫Hutool的工具类,这个工具类还是非常强大的,这是他的官方文档说明 : https://www.hutool.cn/docs/index.html#/ <dependency> <groupId>cn.hutool</groupId> <artifactId>hutool-all</artifactId>
SpringBoot整合EasyExcel实现前端调用下载Excel，仅作记录。
m0_55627541的博客
01-03 2969
SpringBoot整合EasyExcel实现前端调用下载Excel
java使用easyexcel导出动态数据为excel文件springboot代码
最新发布
08-02
在Spring Boot中使用EasyExcel导出动态数据为Excel文件的代码如下： 1. 首先，我们需要导入`easyexcel`的依赖。在`pom.xml`文件中添加以下依赖： ```xml <dependency> <groupId>com.alibaba</groupId> <artifactId>easyexcel</artifactId> <version>2.3.0</version> </dependency> ``` 2. 创建一个Excel工具类，用于导出Excel文件。假设我们已经有一个名为`ExcelUtil`的工具类。 ```java import com.alibaba.excel.EasyExcel; import org.springframework.stereotype.Component; import javax.servlet.http.HttpServletResponse; import java.io.IOException; import java.io.InputStream; import java.net.URLEncoder; import java.util.List; @Component public class ExcelUtil { public void export(HttpServletResponse response, List<Object> data) throws IOException { // 设置响应头信息 response.setContentType("application/vnd.ms-excel"); response.setCharacterEncoding("utf-8"); String fileName = URLEncoder.encode("导出文件", "UTF-8"); response.setHeader("Content-disposition", "attachment;filename=" + fileName + ".xlsx"); // 导出Excel文件 EasyExcel.write(response.getOutputStream(), Object.class).sheet("Sheet1").doWrite(data); } public void exportTemplate(HttpServletResponse response) throws IOException { // 设置响应头信息 response.setContentType("application/vnd.ms-excel"); response.setCharacterEncoding("utf-8"); String fileName = URLEncoder.encode("模板文件", "UTF-8"); response.setHeader("Content-disposition", "attachment;filename=" + fileName + ".xlsx"); // 导出模板文件 InputStream inputStream = getClass().getClassLoader().getResourceAsStream("template.xlsx"); EasyExcel.write(response.getOutputStream()).withTemplate(inputStream).sheet().doWrite(null); } } ``` 3. 创建一个Controller类，用于处理导出Excel的请求。 ```java import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RestController; import javax.servlet.http.HttpServletResponse; import java.io.IOException; import java.util.ArrayList; import java.util.List; @RestController @RequestMapping("/excel") public class ExcelController { @Autowired private ExcelUtil excelUtil; @GetMapping("/export") public void exportExcel(HttpServletResponse response) throws IOException { // 模拟动态数据，实际场景中可以根据业务需求获取数据 List<Object> data = new ArrayList<>(); data.add("数据1"); data.add("数据2"); data.add("数据3"); // 导出Excel文件 excelUtil.export(response, data); } @GetMapping("/template") public void exportTemplate(HttpServletResponse response) throws IOException { // 导出Excel模板文件 excelUtil.exportTemplate(response); } } ``` 以上代码演示了使用Spring Boot和EasyExcel导出动态数据为Excel文件的过程。在Controller中，我们可以根据实际业务需求获取数据，并调用`ExcelUtil`中的方法实现导出操作。同时，我们也提供了导出Excel模板文件的方法，以方便用户进行数据录入。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

kfepiza

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值