js 下载文件 修改文件名

Posted chanjuan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 下载文件 修改文件名相关的知识,希望对你有一定的参考价值。

用js下载文件,使用<a>标签,添加download属性即可。

var a = document.createElement("a");
a.href = "http://XXX.com/audiostream/8a9dbae9d0859e48fc1f590fcf6d4ccc.mp3";
a.download ="test.mp3";
a.click();

但是如果想给文件重新命名,貌似js无法实现。

因此考虑后台实现,用java代理请求,获取文件设置文件名,返回到前端。

public void downFiles(HttpServletResponse response,String url,String workInfoId,int type){
        try{
            String prefix = type == 1 ? "wav" : "txt";
            url =  type == 1 ? url : (url + "?textInfoId="+workInfoId);
            HttpEntity entity = Request.Get(url).
                    execute().returnResponse().getEntity();
            byte[] bys = EntityUtils.toByteArray(entity);
            //获取作品名称
            Works works = this.worksDao.findByWorkId(workInfoId);
            String name = (works!=null && StringUtils.isNotBlank(works.getName())) ? works.getName() : Long.toString(new Date().getTime());
            response.setHeader("Content-Disposition", "attachment; filename="+ new String(name.getBytes("utf-8"), "ISO-8859-1")+"."+prefix);
            OutputStream out = response.getOutputStream();
            out.write(bys);
            out.close();
        }catch (Exception e){
            e.printStackTrace();
        }

    }


 

 


以上是关于js 下载文件 修改文件名的主要内容,如果未能解决你的问题,请参考以下文章

手机怎么修改后缀是.js的文件

js 下载文件 修改文件名

第1129期对vue.js单文件(.vue)进行单元测试

VSCode自定义代码片段——JS中的面向对象编程

完全下载文件时,将下载的文件从一个片段传递到另一个片段

VSCode自定义代码片段9——JS中的面向对象编程