JS实现excel导入模板的下载

<input type="submit" class="btn btn-query" id="download" value="下载导入模板" onClick="download();"/>

function download() {
	var url = "../../excelTemplate/";
	var v = $('#dataTypeSel').find("option:selected").val();
	var fileName;
	if(v == "1022"){
    	fileName = "安全问题通知书数据模板";
	} else {
		alert("请选择您要下载的Excel模板类型!");
		return false;
	}
	window.location.href = url + fileName + ".xls";
}

 

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
当然,我可以为您提供一个示例代码。以下是使用Vue.js 2.x实现Excel文件模板下载导入Excel数据的代码: ```html <template> <div> <button @click="downloadTemplate">下载Excel模板</button> <input type="file" @change="importExcel" /> </div> </template> <script> import XLSX from 'xlsx'; export default { methods: { downloadTemplate() { const templateData = [ // Excel模板数据 ["姓名", "年龄", "性别"], ["张三", 20, "男"], ["李四", 25, "女"], ["王五", 30, "男"], ]; const workbook = XLSX.utils.book_new(); const worksheet = XLSX.utils.aoa_to_sheet(templateData); XLSX.utils.book_append_sheet(workbook, worksheet, "Sheet1"); XLSX.writeFile(workbook, "template.xlsx"); }, importExcel(event) { const file = event.target.files[0]; const reader = new FileReader(); reader.onload = (e) => { const data = new Uint8Array(e.target.result); const workbook = XLSX.read(data, { type: "array" }); const worksheet = workbook.Sheets[workbook.SheetNames[0]]; const jsonData = XLSX.utils.sheet_to_json(worksheet, { header: 1 }); console.log(jsonData); // 在控制台打印导入Excel数据 }; reader.readAsArrayBuffer(file); }, }, }; </script> ``` 上述代码中使用了`xlsx`库来处理Excel文件的读写操作,您可以使用`npm install xlsx`命令来安装该库。 在模板中,我们创建了一个下载Excel模板的按钮和一个用于导入Excel文件的文件选择框。当点击下载按钮时,会生成一个包含预设数据的Excel文件并下载到本地。当选择了要导入Excel文件后,会将其解析成JSON数据并打印在控制台上。 请注意,这只是一个简单的示例代码,实际应用中可能需要根据您的需求进行更多的处理和验证。 希望这个示例能对您有所帮助!如果您还有其他问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

百度没有我的爱

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

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

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

打赏作者

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

抵扣说明:

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

余额充值