前端下载文件从 headers["content-disposition"]取 fileName，但是名称显示成问号问题
HariopaNic · 2022-03-09 15:42:09 +08:00 · 1080 次点击这是一个创建于 771 天前的主题，其中的信息可能已经有所发展或是发生改变。
前端调下载文件接口，文件名用 headers["content-disposition"]的 fileName,
content-disposition: "attachment; filename=??03-01_data.zip"
但是汉字都变成了问号，已知后端已经转成了 utf-8 。 是前端拿到之后还要转一次，还是后端写错了- -？
 |
1
NCry 2022-03-09 15:46:21 +08:00
关注下，我之前也遇到过这个问题，后来没解决，而是直接问后端的文件名称生成规则然后自己原样生成了一个名称。
|
 |
2
ch2 2022-03-09 15:48:31 +08:00 via iPhone
Fiddler 抓包看一看报文里到底是什么字符串，编码是什么
|
 |
3
yuzo555 2022-03-09 15:53:01 +08:00
|
 |
4
littleylv 2022-03-09 15:57:45 +08:00
后端把 filename 的值 url encode 一下试试
|
 |
5
HariopaNic OP @yuzo555 老哥高估我了 完全看不懂
|
 |
6
aragakiyuii 2022-03-09 16:37:26 +08:00  1
标准的是 attachment;filename=xxxx;filename*=UTF-8''xxxxxx
Header 里的内容只支持 ASCII 所以得把文件名用 URL encode 一下 |
|
7
aragakiyuii 2022-03-09 16:38:48 +08:00
|
|
8
aragakiyuii 2022-03-09 16:51:22 +08:00
@aragakiyuii #6 说的不太严谨，理解一下大概的意思就行了
|
|
9
HariopaNic OP @aragakiyuii 十分感谢！
|
 |
10
coffeeing 2022-11-07 15:10:39 +08:00
这几天正为这个问题头疼，搜到这里，请教各位，这些代码是写在前端网页里，还是写在服务端里？ 谢谢谢谢
Content-Disposition: attachment; filename="$encoded_fname"; filename*=utf-8''$encoded_fname |
|
11
coffeeing 2022-11-07 15:12:29 +08:00
@HariopaNic 麻烦大佬指点下，Content-Disposition: attachment;
filename="$encoded_fname"; filename*=utf-8''$encoded_fname ，这些是写在 http 的 head 么？还是写在服务端的配置文件里？谢谢谢谢 |
|
12
HariopaNic OP @coffeeing 让后端同学把 filename 处理成 url 编码，然后放到 response.header 中，前端拿到之后用 decodeURIComponent 转一下。我看了一下之前跟后端讨论的记录，他的代码大概是 java.net.URLEncoder.encode(filename)，response.setHeader(HttpHeaders.CONTENT_DISPOSITION ，......) 供参考
|
|
13
coffeeing 2022-11-07 19:44:20 +08:00
@HariopaNic 感谢感谢，我转给后端同学看看，我目前做的是直接写在 html 里，但是下载后不显示文件名，文件大小。。。。。
<html> <head> <meta Content-Type="application/octet-stream" > <meta Content-Disposition="attachment;filename=$encoded_fname;filename*=utf-8''$encoded_fname"> <meta X-Content-Type-Options="nosniff"> <meta charset="utf-8"> </head> <body > <a href="https://www.solaredufn.com/upload/download/56954.mp4" target="_blank" data-url="https://www.solaredufn.com/upload/download/56954.mp4" download="https://www.solaredufn.com/upload/download/56954.mp4" style="font-size:24px" >下载测试</a> </body> </html> |
Select Language