返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vue 下载文档乱码的解决
  • 782
分享到

vue 下载文档乱码的解决

2024-04-02 19:04:59 782人浏览 薄情痞子
摘要

目录Vue下载文档乱码文件下载返回乱码处理 vue+axiOS解决方法vue下载文档乱码 最近写功能 vue导出,但是不知道为啥,一请求接口就是乱码 后来在接口里写上了 这句话 r

vue下载文档乱码

最近写功能 vue导出,但是不知道为啥,一请求接口就是乱码

后来在接口里写上了 这句话 responseType:“blob”,

能下载了赶快高兴打开一看 日,下载下来的文件里面又是乱码

后来不停的琢磨,咦终于找到方法了

这里面加了一句话 终于成功了!

我给大家把代码贴上

 exportAccountapi(data).then(res=>{
        console.log('777666',res)
        const blob = new Blob([res],{type: "application/vnd.ms-excel"});
        let fileName = "存款记录明细.xls";
         if ("download" in document.createElement("a")) {
           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);
           document.body.removeChild(elink);
         }else{
           navigator.msSaveBlob(blob.fileName)
         } 
      })

文件下载返回乱码处理 vue+axios

后端返回数据流是乱码,可以使用new Blob()这个方法处理,可以解决乱码问题。

乱码返回结果如下:

解决方法

    async postClick() {
      const res = await axios({
        url: '后端接口',
        method: 'post',
        data: { id: '文件id' }
        responseType: 'blob'
      })
      const content = res.data
      const fileName = 'a.png' // 文件名称
      // 如果不确定文件类型,type可以写空字符串
      const bolb = new Blob([content], { type: '' })
      if ('download' in document.createElement('a')) {
        const link = document.createElement('a')
        link.download = fileName
        link.style.display = 'none'
        // URL.createObjectURL(bolb) = blob:Http://localhost:8080/a34a8a20-acf2-3f21-bc22-45994d9f0290
        link.href = URL.createObjectURL(bolb)
        document.body.appendChild(link)
        link.click()
        URL.revokeObjectURL(link.href)
        document.body.removeChild(link)
      }
    }

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: vue 下载文档乱码的解决

本文链接: https://lsjlt.com/news/147652.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • vue 下载文档乱码的解决
    目录vue下载文档乱码文件下载返回乱码处理 vue+axios解决方法vue下载文档乱码 最近写功能 vue导出,但是不知道为啥,一请求接口就是乱码 后来在接口里写上了 这句话 r...
    99+
    2024-04-02
  • vue下载文档乱码怎么解决
    这篇文章主要介绍了vue下载文档乱码怎么解决的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vue下载文档乱码怎么解决文章都会有所收获,下面我们一起来看看吧。vue下载文档乱码最近写功能 vue导出,但是不知道为...
    99+
    2023-06-30
  • java下载文件名中文乱码解决
    在Java的web开发中,文件下载功能的文件名文件名乱码问题是经常遇到的。对于这个问题,不同的浏览器,解决的方法不太一样。IE的话,通过URLEncoder对filename进行UTF8编码。而其他的浏览器(firefox、chrome、s...
    99+
    2017-06-24
    java
  • java文件下载乱码解决方法
    java文件下载出现中文乱码解决方法: String userAgent = request.getHeader("User-Agent"); String formFileName = file.getFileName(); ...
    99+
    2014-10-17
    java基础 java
  • Vue不能下载xls以及文件乱码问题解决
    发现问题 老大要让我实现下载xls文件的功能,我想了想:我好像不太会耶! 但是我们之前写的一个页面有一个下载xls的功能,那我就CV大法,嘿嘿嘿。 当我点击下载按钮的那一刻,控制台红...
    99+
    2024-04-02
  • win11文档乱码如何解决
    这篇文章主要介绍了win11文档乱码如何解决的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇win11文档乱码如何解决文章都会有所收获,下面我们一起来看看吧。方法一:确认这个文档本身没有损坏。(文档坏了无法解决)...
    99+
    2023-07-02
  • Java下载excel文件名中文乱码解决
    我是一名充满激情的程序员,💻希望和大家一起学习进步!我热爱编程,对技术充满好奇心和求知欲! 🗣️无论你是新手还是老手,都能从我的博客中获得有价值的内容! Ὠ...
    99+
    2023-09-10
    java excel python spring
  • java下载文件名乱码怎么解决
    Java下载文件名乱码的问题通常是由于编码不一致导致的。可以尝试以下几种方法解决:1. 设置HttpServletResponse的...
    99+
    2023-05-21
    java下载文件 java
  • java下载文件文件名乱码解决方法
    在进行文件下载的时候出现中文名称乱码,显示不出来:response.setHeader(“Content-Disposition”, “filename=自定义的名称.jpg” )解决办法对中文名称进行编码处理:String fileNam...
    99+
    2016-09-26
    java 乱码
  • php文件下载文件名乱码如何解决
    本篇内容主要讲解“php文件下载文件名乱码如何解决”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“php文件下载文件名乱码如何解决”吧!php文件下载文件名乱码的解决办法:1、把“Content-...
    99+
    2023-07-04
  • java下载乱码解决方法
    下载文件乱码解决代码: String userAgent = request.getHeader("User-Agent"); String formFileName = file.getFileName(); ...
    99+
    2019-05-29
    java 乱码
  • java下载文件名乱码解决方法详解
    java下载文件名乱码的方法:(推荐:java视频教程)每个浏览器的编码不一样,火狐采用的是base64.ie和谷歌采用的是url编码:所以我们在设置响应头的时候Content-Type getServletContext().getMin...
    99+
    2018-11-08
    java
  • java文件下载乱码解决方法介绍
    JAVA文件下载时乱码有两种情况:(推荐:java视频教程)1,下载时中文文件名乱码2,下载时因为路径中包含中文文件名乱码,提示找不到文件解决方法见下面部分代码response.setContentType("multipart/form-...
    99+
    2018-10-22
    java基础 java
  • filezilla乱码无法下载文件怎么解决
    1. 检查文件编码格式是否正确,尝试重新上传文件并选择正确的编码格式。2. 检查服务器端的文件编码格式是否正确,可以联系服务器管理员...
    99+
    2023-06-03
    filezilla乱码
  • php Edge下载文件名乱码如何解决
    本篇内容介绍了“php Edge下载文件名乱码如何解决”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!php Edge下载文件名乱码的解决办法...
    99+
    2023-07-04
  • Golang文档乱码问题解决方法
    Golang作为一门新兴的编程语言,备受广大程序员的青睐。然而,与其他编程语言不同的是,Golang的官方文档中经常出现乱码问题,给大家的学习和使用带来了很多不便。本文将从以下几个方面探讨Golang文档乱码问题的原因和解决方法。一、原因分...
    99+
    2023-05-14
  • java中文件下载时文件名乱码的解决方法
    java下载文件时文件名出现乱码的解决办法: String userAgent = request.getHeader("User-Agent"); String formFileName = file.getFileNa...
    99+
    2018-09-25
    java 乱码
  • java下载文件名乱码解决方法介绍
    java Web开发下载文件功能(代码如下),文件名如果带有中文,经常会出现乱码现象,需要进行编码。(推荐:java视频教程)String fileName = "测试文件.doc"; try { HttpServletRespo...
    99+
    2016-05-19
    java
  • filezilla乱码无法下载怎么解决
    1. 检查文件编码格式:在FileZilla中打开文件,看看它的编码格式是否正确。如果编码格式错误,可以尝试将其转换为正确的编码格式...
    99+
    2023-06-14
    filezilla乱码
  • 使用php下载doc乱码如何解决
    本篇文章为大家展示了使用php下载doc乱码如何解决,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。PHP下载DOC乱码?undefined最近做的一个系统,需要下载doc文件undefined以前的...
    99+
    2023-06-15
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作