首页 > 其他分享 >前端导出和导入

前端导出和导入

时间:2024-02-26 17:24:49浏览次数:26  
标签:const name inputElement res 前端 导出 value formElement 导入

导出:

const formElement = document.createElement('form');
formElement.style.display = 'display:none;';
formElement.method = 'post';
formElement.action = window.configUrl.serverUrl + url;
formElement.target = '_self';
const exportQueryData = [
  { name: 'departmentCode','' : },
  { name: 'idCard', value: '' },
  { name: 'name', value: '' },
  { name: 'policeCard', value: '' },
  { name: 'roleId', value: '' },
  { name: 'state', value: '' },
];
queryData.forEach((item) => {
  const inputElement = document.createElement('input');
  inputElement.type = 'hidden';
  inputElement.name = item.name;
  inputElement.value = item.value;
  formElement.appendChild(inputElement);
})
document.body.appendChild(formElement);
formElement.submit();
document.body.removeChild(formElement);

导入:

const formData = new FormData();
formData.append('file', info.file);
axios({
  url:"url",
  method:"post",
  data:{
    ...参数
  },
})
.then((res)=>{
  if (res) {
if (res.type && res.type === 'application/octet-stream') { // 内容错误返回错误文件
message.error('您上传的文件存在数据异常,请查看下载文件,修复后再次上传');
const a = document.createElement('a');
a.download = `${异常文档}.xls`;
a.href = URL.createObjectURL(res);
a.click();
} else if (res.status && res.status === 'success') {
message.success('导入成功!');
} else if (res.status && res.status === 'error') {
message.error('您导入的文件存在格式错误,请上传模板文件!');
}
  }
})

标签:const,name,inputElement,res,前端,导出,value,formElement,导入
From: https://www.cnblogs.com/evenbest/p/18034769

相关文章

  • 前端get请求传递数组型参数时的处理方式
    场景后端get接口设计接受数组型查询参数时,只接受重复的query格式,如arr=[1,2,3],那么在query里的参数格式需要是a=1&a=2&a=3前端get请求直接传数组会默认处理为a[]=1&a[]=2&a[]=3,后端无法识别(恼),传json字符串和join拼接后端都不同意如果直接在url中做参数拼接,实在是又蠢又费力......
  • 前端根据生成的文档流下载、预览文档
    下载:axios({  url:`url`,  method:"post",  data:{   参数...  },  responseType:"blob", }).then((res)=>{constlink=document.createElement("a");   letblob=newBlob([res.data],{type:"......
  • Jenkins流水线使用@Grab 导入Maven库
    有个需求需要在pipeline中调用Java的SDK去执行业务使用@Grab注解可以在Maven中导入Java库,@Grab('org.apache.commons:commons-math3:3.4.1')importorg.apache.commons.math3.primes.Primes引入依赖后,在通过import导入另外的写法@Grab(group='org.springframework',mod......
  • 看看 ChatGPT 给的前端面试题
    以下是一些可能出现在中国互联网公司前端开发工程师面试中的题目:解释一下CSS盒模型,并说明其中的各个部分。请解释一下响应式设计是什么,以及你是如何实现响应式设计的。什么是跨域资源共享(CORS)?它的工作原理是什么?如何在前端处理跨域请求?请解释一下JavaScript中的事件委托(E......
  • vite+vue3 import批量导入图片
    vite+vue3import批量导入图片主要使用“import.meta.glob”方法。具体使用如下:1.constlist=import.meta.glob("../../static/images/left-image/*.*",{eager:true})2.imageList=Object.values(list).map((v:any)=>v.default);3.页面使用   ......
  • PowerShell 中,你可以使用一些命令来处理映像文件,包括挂载、捕捉、卸载、格式转换和编
    PowerShell中,你可以使用一些命令来处理映像文件,包括挂载、捕捉、卸载、格式转换和编辑映像。以下是一些常用的命令:挂载映像(MountImage):powershellCopyCodeMount-WindowsImage-ImagePath"C:\Path\To\Image.wim"-Path"C:\Mount\Directory"-Index1捕捉映像(CaptureIm......
  • 导出execl
    //导出letexportToExcel=async()=>{//创建一个新的工作簿constworkbook=newExcelJS.Workbook();constworksheet=workbook.addWorksheet("Sheet1");//在工作表中添加数据constdata=carStatNum.value;//添加列的数据类型定义worksheet......
  • 前端介绍
    前端Web前端开发者-学习Web开发|MDN(mozilla.org)【一】前端的概念【1】前端与后端前端是指网站或Web应用程序的用户界面部分,负责展示数据和与用户进行交互。它是用户直接接触和感知到的部分,包括网页的布局、样式和交互功能。后端是指网站或Web应用程序的服务......
  • 前端必学-40个精选案例实战-案例9:仿QQ空间留言板案例实战
    案例分析:讲解留言板模块运用文本域实现留言板的输入框<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title></title><style>textarea{/*css比它自有属性优先级高*/width:100px;......
  • EVENG导入Win7镜像以后可以启动无法VNC打开
    原因:未安装支持eveng的vncviewer解决方法:下载vncviewer:https://pan.eve-ng.cn/Tools/EVE-NG/Client/EVE-NG-Win-Client-Pack-2.0.exe尽量按照提示安装在c盘,因为后面浏览器vnc连接的时候需要从注册表读取连接唤醒vncviewer.exe.启动成功如下:参考解决设备唤起:http......