码迷,mamicode.com
首页 > 其他好文 > 详细

使用文件流下载文件,并且修改文件的名字

时间:2017-08-07 11:53:11      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:url   nal   缺陷   原因   解决   style   服务器   努力   int   

最近在搞一个项目,里面有一个文件下载的内容,但是万恶的产品提了一个要自定义修改文件名的需求,一开始后台不想改,让前端修改(这简直是不可理喻,最后还是后台改了),不过经过努力,我还是找到了方法去解决。

这里使用的是文件流的方式,就是先把文件从服务器下载下来,前端再通过blob去修改文件名。

代码如下:

fetch(‘/api/fs/download2/internal/‘ + item.att[0].url).then(res => res.blob().then(blob => {
                let a = document.createElement(‘a‘),
                    url = window.URL.createObjectURL(blob),
                    filename = item.title
                a.href = url
                a.download = filename
                a.click()
                window.URL.revokeObjectURL(url)
            }))

这种方式就能解决前端修改文件名的需求,但是有个缺陷,就是一定要等文件内容全部下载下来了才能处理文件,这就是为什么我一直觉得应该是后台去完成这个需求的原因

使用文件流下载文件,并且修改文件的名字

标签:url   nal   缺陷   原因   解决   style   服务器   努力   int   

原文地址:http://www.cnblogs.com/kangmingwei/p/7297901.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!