精华内容
下载资源
问答
  • js 下载 excel 文件乱码解决

    千次阅读 2020-07-28 16:42:32
    方式一 原生js blob方式 downloadPlanData(planListIndex){ ... // 利用a标签自定义下载文件名 const link = document.createElement('a') axios.post(url_post, params_post, {responseType: 'arraybuffer'}).t

    方式一

    原生js blob方式

    downloadPlanData(planListIndex){
    	let url_post = '/planFile';
    	let params_post = {
    	  planId: planListIndex,
    	};
    	// 利用a标签自定义下载文件名
    	const link = document.createElement('a')
    	axios.post(url_post, params_post, {responseType: 'arraybuffer'}).then(res => {
    	  let filename = res.headers['content-disposition'].split('; ')[1].split('=')[1]
    	  // 创建Blob对象,设置文件类型
    	  let blob = new Blob([res.data], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'}); // application/vnd.openxmlformats-officedocument.spreadsheetml.sheet这里表示xlsx类型
    	  var downloadElement = document.createElement('a');
    	  var href = window.URL.createObjectURL(blob); // 创建下载的链接
    	  downloadElement.href = href;
    	  downloadElement.download = filename; // 下载后文件名
    	  document.body.appendChild(downloadElement);
    	  downloadElement.click(); // 点击下载
    	  document.body.removeChild(downloadElement); // 下载完成移除元素
    	  window.URL.revokeObjectURL(href); // 释放掉blob对象
    	})
    }
    
    展开全文
  • 前端代码: import { downloadMedicalCooperOrgList } from ‘@/api/medicalCooperOrgManger.js’ ...// 导出excel文件 export default{ Export(path, fileName, data) { return downloadMedicalCooperOrgLi...

    前端代码:
    import { downloadMedicalCooperOrgList } from ‘@/api/medicalCooperOrgManger.js’
    import Vue from ‘vue’
    // 导出excel文件
    export default{
    Export(path, fileName, data) {
    return downloadMedicalCooperOrgList(path, data).then(response => {
    const blob = response.data
    const url = window.URL.createObjectURL(new Blob([response.data], { type: ‘application/vnd.ms-excel’ }))
    if (‘download’ in document.createElement(‘a’)) { // 非IE下载
    const elink = document.createElement(‘a’)
    elink.download = fileName
    elink.style.display = ‘none’
    elink.href = url
    document.body.appendChild(elink)
    elink.click()
    URL.revokeObjectURL(elink.href) // 释放URL 对象
    document.body.removeChild(elink)
    } else { // IE10+下载
    navigator.msSaveBlob(blob, fileName)
    }
    }).catch(() => {
    new Vue().KaTeX parse error: Expected 'EOF', got '}' at position 27: …or('下载失败') }̲) } } 后端代码: i…message.error(‘下载失败’)
    })
    }
    }
    通过这些还是不能解决乱码问题,
    前端在后端没有借口之前会使用mockjs,但是这个js会拦截下载的数据最终导致乱码,把引入这个js的地方注释掉就行了
    这是我引入的地方
    在这里插入图片描述

    展开全文
  • vue下载excel文件乱码问题,亲测有效

    千次阅读 2020-03-12 09:53:37
    项目中使用vue,在下载excel文件的时候,遇到了乱码问题,困扰了好久,查了网上的很多资料都没用,后来查阅了一篇博客,解决了问题。后端是流的形式返回的。 我尝试把返回类型(responseType: 'blob')写在接口调用...

    项目中使用vue,在下载excel文件的时候,遇到了乱码问题,困扰了好久,查了网上的很多资料都没用,后来查阅了一篇博客,解决了问题。后端是流的形式返回的。

    我尝试把返回类型(responseType: 'blob')写在接口调用的地方,发现还是乱码。

    后来把返回类型(responseType: 'blob')写在接口定义的地方就好了,如图1

    图1

    图2

    展开全文
  • 3.利用Vue前端下载,不仅文件下载不下来而且还是乱码 查找结果: 1. 大部分为没有在前端请求下载时没有加 responseType = "blob" ,可是自己加了半天还是一样。看后端的下载格式 ,也没发现啥问题 2. 继续查找...

    问题出现原因:

    使用为Vue axios前端请求下载 后端EasyExcel进行文件下载

    1. PostMan进行后端接口访问正常下载,并可以打开文件,内容完整清晰。

    2. 进行路径直接访问也能完整下载

    3.利用Vue前端下载,不仅文件下载不下来而且还是乱码

    查找结果:

    1. 大部分为没有在前端请求下载时没有加 responseType = "blob" ,可是自己加了半天还是一样。看后端的下载格式 ,也没发现啥问题

    2. 继续查找原因,还有一种情况是前端Vue框架引用了Mock模块导致 请求类型失效。一顿查找压根没用到mock,无果。

    3.第三种原因是我的根本原因,因为使用了axios进行请求接口,在进行封装的axios的时候,会导致axios请求下载接口导致responseType失效,果断换为:成功下载

    axios({ // 用axios发送get请求
            method: 'get',
            url: 'http://localhost:8202/admin/cmn/dict/export-dict', // 请求地址
            responseType: 'blob', // 表明返回服务器返回的数据类型
            headers: {
          'Content-Type': 'application/json'
          }
        }).then(res => { // 处理返回的文件流
          //new Blob([res])中不加data就会返回下图中[objece objece]内容(少取一层)
          const blob = new Blob([res.data],{type: "application/vnd.ms-excel"}); 
          const fileName = '字典数据.xlsx';//下载文件名称
          const elink = document.createElement('a');
          elink.download = fileName;
          elink.style.display = 'none';
          elink.href = URL.createObjectURL(blob);
          document.body.appendChild(elink);
          elink.click();
          URL.revokeObjectURL(elink.href); // 释放URL 对象
          document.body.removeChild(elink);
        })
    
    
    
    
    axios({ // 用axios发送post请求
            method: 'get',
            url: 'http://localhost:8202/admin/cmn/dict/export-dict', // 请求地址
            data: form,
            responseType: 'blob', // 表明返回服务器返回的数据类型
            headers: {
          'Content-Type': 'application/json'
          }
        }).then(res => { // 处理返回的文件流
          //new Blob([res])中不加data就会返回下图中[objece objece]内容(少取一层)
          const blob = new Blob([res.data],{type: "application/vnd.ms-excel"});      
          const fileName = '字典数据.xlsx';//下载文件名称
          const elink = document.createElement('a');
          elink.download = fileName;
          elink.style.display = 'none';
          elink.href = URL.createObjectURL(blob);
          document.body.appendChild(elink);
          elink.click();
          URL.revokeObjectURL(elink.href); // 释放URL 对象
          document.body.removeChild(elink);
        })

    感悟:一个小细节耽误自己了好久时间,所以在学编程的路上一定要弄明白原理 不然很容易绊脚。加油打工人!!!

    展开全文
  • 经排查是由于mockjs导致的,直接上解决方式: 一、直接注掉package.json引入的mockjs 二、修改mock.js源码 修改下的node_modules>mockjs>...把红色框部分注掉,然后修改成绿色框部分// 处理响应类型 ...
  • 后端(express): Access-Control-Expose-... 使用jQuery接收文件流,获取的excel乱码: 如果是按照如下格式写,就会有乱码问题,按照上面的方法就不会有问题: $.ajax({ ... responseType: 'blob' // 无效 ... })
  • 解决Arcgis中dbf文件EXCEL打开乱码问题
  • Java下载Excel文件名称乱码

    千次阅读 2020-12-08 17:59:04
    //进行转换成 application/x-www-form-urlencoded的中文方式 //这样设置reponse头下载文件的时候就不会出现文件名称乱码问题 response.setContentType("application/vnd.openxmlformats-officedocument....
  • postman下载excel出现乱码

    千次阅读 2020-07-08 16:29:53
  • 这是我定义的后台接口 //导出数据接口 export function getZTPJExportData(data){ return request({ url:"/sxc/newEnergyPowerForecast/overallEvaluation/... responseType:'blob',//将文件流转成blob对象 noEr
  • 刚开始遇到这个问题一直在找前端代码的问题,什么responsetype改了又改,blob对象接收二进制文件流看了又看,明明网上说的办法就那几点关键处,下载下来就是不行!!!!! 好,最后终于找到罪魁祸首了:mock!!!...
  • 然后通过 标签的特性来自动点击下载文件; 如果要兼容IE则需要利用navigator.msSaveOrOpenBlob方法; 兼容Firefox 须将 标签添加到body中,最后再移除 标签 例子: // axios config config = { responseType: ...
  • $.ajax({ type: 'post', url: "", xhrFields: { responseType: "blob" }, // 主要是这一句 data: {}, success: function(data) { that.download(data,'自己起的名字.xlsx') } }) }, download(data, fileName...
  • java 下载Excel 文件名称中文乱码问题

    千次阅读 2019-03-25 14:11:27
    问题:java中用poi API进行Excel文件下载下载操作可以执行,可是最后发现下载的文件名称若为中文,则会出现乱码。 解决办法: 原因:ie浏览器下自动转码格式为gbk,而火狐、chrome等浏览器下的自动转码格式...
  • 下面小编就为大家带来一篇完美解决phpexcel导出到xls文件出现乱码的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 常用office文件对应的文件类型如下: 后缀 MIME Type .doc application/msword .docx application/vnd.openxmlformats-officedocument.wordprocessingml.document .xls application/vnd.ms-excel .xlsx ...
  • #JAVA代码实现Excel下载,中文名称乱码问题 ##第一:检查乱码的服务器版本是否在代码中进行处理 ###处理方式: if(request.getHeader("user-Agent").contains("Firefox")) { response.setHeader("Content-...
  • java导出excel文件并且下载到客户端(包括解决中文乱码
  • 件上传和下载是web开发中常遇到的问题。今天小编给大家分享下Java Web实现文件下载乱码处理方法的相关资料,需要的朋友可以参考下
  • 解决Arcgis10.2.2中dbf文件EXCEL打开乱码问题
  • 解决Navicat for MySql 导入EXCEL中文乱码问题解决的有效方法
  • 直通车
  • 该项目包含了项目所需要的jar包以及测试案例。项目使用环境为eclipse jdk1.8 1.poi.Testpoi为测试用例;...3.解决了javadbf读取dbf文件表头和数据乱码问题,com.webadmin.util.dbf.DBFReaderTest为测试用例。
  • 有些时候 会遇到生成的DBF文件使用Excel打开 出现乱码,这次在网上收了些资料,终于解决了DBF 文件Excel打开时乱码的问题
  • 我们用Arcgis导出的表格打开后显示乱码,解决Arcgis10中dbf文件EXCEL打开乱码问题
  • 打开tomcat中conf/web.xml,加入下面的代码. <mime-mapping> <extension>xls</extension> <mime-type>application/vnd.ms-excel</mime-type> </mime-mapping&g...
  • charset=utf-8'}])) let link = document.createelement('a') link.style.display = 'none' link.href = url link.setAttribute('download','excel名称.xls') document.body.appendChild(link) link.click() }) } } ...
  • 解决springmvc下载poi生成excel乱码问题文件名乱码内容乱码 poi下载excel很简单的呀,但是碰到乱码就难受了,大部分都是碰到的下载的文件名乱码,而我遇到的是内容乱码。 文件名乱码 //这句话的意思就是将中用GBK...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 19,481
精华内容 7,792
关键字:

下载的excel文件乱码