前端下载文件，乱码处理and文件重命名

最新推荐文章于 2024-07-18 14:57:59 发布

wandoumm

最新推荐文章于 2024-07-18 14:57:59 发布

阅读量210

点赞数

分类专栏： vue axios 文章标签： html 前端

本文链接：https://blog.csdn.net/wandoumm/article/details/125160212

版权

这篇博客主要介绍了在前端使用axios下载文件时如何处理乱码问题，并提供了通过设置responseType为'blob'来正常下载文件的方法。同时，文章还讲解了如何实现文件的重命名，包括获取文件扩展名，创建新的文件名，并利用a标签进行下载操作。

摘要由CSDN通过智能技术生成

在请求接口中设置responseType:'blob'，可以正常下载

//封装的axios

export function downloadAttachment(params){
   return request({
       url:'/api/course/downloadAttachment',
       params,

       responseType:'blob'//设置返回类型为blob

   })
}

downloadAttachment({
               courseId:item.courseId,//课程ID
               attachmentId:item.id//课程资料ID
           }).then((res)=>{

               let blob = new Blob([res]);
               let fileName = item.attachmentName;
               let fileUrl = item.attachmentUrl;
               const extName = fileUrl.substring(
                       fileUrl.lastIndexOf('.')
                   )
                   fileName=fileName+extName