iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > 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://www.lsjlt.com/news/147652.html(转载时请注明来源链接)

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

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • vue 下载文档乱码的解决
    目录vue下载文档乱码文件下载返回乱码处理 vue+axios解决方法vue下载文档乱码 最近写功能 vue导出,但是不知道为啥,一请求接口就是乱码 后来在接口里写上了 这句话 r...
    99+
    2024-04-02
  • vue下载文档乱码怎么解决
    这篇文章主要介绍了vue下载文档乱码怎么解决的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vue下载文档乱码怎么解决文章都会有所收获,下面我们一起来看看吧。vue下载文档乱码最近写功能 vue导出,但是不知道为...
    99+
    2023-06-30
  • Vue不能下载xls以及文件乱码问题解决
    发现问题 老大要让我实现下载xls文件的功能,我想了想:我好像不太会耶! 但是我们之前写的一个页面有一个下载xls的功能,那我就CV大法,嘿嘿嘿。 当我点击下载按钮的那一刻,控制台红...
    99+
    2024-04-02
  • Java下载excel文件名中文乱码解决
    我是一名充满激情的程序员,💻希望和大家一起学习进步!我热爱编程,对技术充满好奇心和求知欲! 🗣️无论你是新手还是老手,都能从我的博客中获得有价值的内容! Ὠ...
    99+
    2023-09-10
    java excel python spring
  • win11文档乱码如何解决
    这篇文章主要介绍了win11文档乱码如何解决的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇win11文档乱码如何解决文章都会有所收获,下面我们一起来看看吧。方法一:确认这个文档本身没有损坏。(文档坏了无法解决)...
    99+
    2023-07-02
  • java下载文件名乱码怎么解决
    Java下载文件名乱码的问题通常是由于编码不一致导致的。可以尝试以下几种方法解决:1. 设置HttpServletResponse的...
    99+
    2023-05-21
    java下载文件 java
  • php文件下载文件名乱码如何解决
    本篇内容主要讲解“php文件下载文件名乱码如何解决”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“php文件下载文件名乱码如何解决”吧!php文件下载文件名乱码的解决办法:1、把“Content-...
    99+
    2023-07-04
  • 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
  • filezilla乱码无法下载怎么解决
    1. 检查文件编码格式:在FileZilla中打开文件,看看它的编码格式是否正确。如果编码格式错误,可以尝试将其转换为正确的编码格式...
    99+
    2023-06-14
    filezilla乱码
  • 使用php下载doc乱码如何解决
    本篇文章为大家展示了使用php下载doc乱码如何解决,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。PHP下载DOC乱码?undefined最近做的一个系统,需要下载doc文件undefined以前的...
    99+
    2023-06-15
  • Linux服务器配置PHP文件下载,中文乱码问题,下载出错如何解决
    俩个坑点 1. 操作系统的编码问题 windows上的默认编码是gbk,所以如果文件名采用的是中文,那么上传到Linux上面,由于默认编码是utf-8就会出现文件名乱码! 解决办法...
    99+
    2024-04-02
  • Linux下彻底解决mysql中文乱码
    文章目录 Linux下彻底解决mysql中文乱码1.修改 MySQL 服务器的字符集为 UTF-8,可以在 my.cnf 配置文件中添加以下内容:2.使用时修改 MySQL 数据库和表的字符集...
    99+
    2023-09-06
    mysql 数据库 php
  • Java下载文件,中文文件名乱码问题解决(文件名包含很多%)
    一般情况下,大家都是这样: fileName = URLEncoder.encode(fileName, "UTF-8");response.reset();response.setHeader("Content-disposition",...
    99+
    2023-09-02
    java 前端
  • Ubuntu下gedit中文乱码问题的解决方法
    本篇内容主要讲解“Ubuntu下gedit中文乱码问题的解决方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Ubuntu下gedit中文乱码问题的解决方法”吧!gedit中文乱码问题解决,wi...
    99+
    2023-06-13
  • php 文件下载文件名乱码怎么办
    本教程操作环境:windows7系统、PHP8.1版、Dell G3电脑。php 文件下载文件名乱码怎么办PHP下载文件名解决乱码通过把Content-Type设置为application/octet-stream,可以把动态生成的内容当作...
    99+
    2024-04-02
  • SpringBoot+Vue+kkFileView实现文档管理(文档上传、下载、在线预览)
    场景 SpringBoot+Vue+OpenOffice实现文档管理(文档上传、下载、在线预览): SpringBoot+Vue+OpenOffice实现文档管理(文档上传、下载、在线预览)_霸道流氓气质的博客-CSDN博客_vue ope...
    99+
    2023-09-22
    spring boot vue.js java
  • vue导出excel文件流中文乱码如何解决
    本篇内容介绍了“vue导出excel文件流中文乱码如何解决”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!导出excel文件流中文乱码解决此方...
    99+
    2023-06-30
  • Python中文乱码解决
    python 添加中文注释时出现运行失败。需要在顶部设置编码。# coding=UTF-8 ''' Created on 2013-8-28 @author: xmyj-0210 ''' n...
    99+
    2023-01-31
    乱码 中文 Python
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作