正确处理下载文件时HTTP头的编码问题（Content-Disposition），safari下载文件中文名乱码问题

冷不防 2022-04-15 23:56 638阅读 0赞

目前支持ie9-11，firefox63.0，chrome69.0，qq10.2.1的版本，safari的最新版本（特别是解决mac下的safari中，下载文件的中文文件名问题）。

下载文件时， 设置Content-Disposition。对于较新的 Firefox 、 Chrome 、 Opera 、 Safari 等浏览器，都支持新标准规定的 filename\* ，并且会优先使用，所以尽管 filename=”encoded\_text” 不被它们支持，仍然不会有问题；至于使用 UTF-8 只是因为它是标准中强制要求必须支持的。而对于旧版本的IE浏览器，它们无法识别后面的 filename\* ，会自动忽略并使用旧的 filename 。这样一来就完美解决了多浏览器的多语言兼容问题，不需要 UA 判断。

result.Content.Headers.Add("content-disposition", 
    string.Format("attachment;filename={0};filename*=utf-8''{0}", HttpUtility.UrlEncode(fileName, Encoding.UTF8)));

注意的下载文件的时候，safari需要显性指定Mime ，之前默认是"application/octet-stream"，只兼容了非safari浏览器。

代码如下：

switch (Path.GetExtension(fileName).ToLower())
                {
                    case ".xlsx": fileType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"; break;
                    case ".docx": fileType = "application/vnd.openxmlformats-officedocument.wordprocessingml.document"; break;
                    case ".pptx": fileType = "application/vnd.openxmlformats-officedocument.presentationml.presentation"; break;
                    case ".pdf": fileType = "application/pdf"; break;
                    case ".jpg": fileType = "image/jpeg"; break;
                    case ".jpeg": fileType = "image/jpeg"; break;
                    case ".png": fileType = "image/png"; break;
                    default: break;
                }

参考：

[https://blog.robotshell.org/2012/deal-with-http-header-encoding-for-file-download/][https_blog.robotshell.org_2012_deal-with-http-header-encoding-for-file-download]

[https://medium.com/@hyWang/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%8D%E5%90%8C%E7%80%8F%E8%A6%BD%E5%99%A8%E4%B8%8B%E8%BC%89%E6%AD%A3%E7%A2%BA%E7%9A%84%E6%AA%94%E6%A1%88%E5%90%8D%E7%A8%B1-content-disposition-7ef13555b1ba][https_medium.com_hyWang_E5_A6_82_E4_BD_95_E5_9C_A8_E4_B8_8D_E5_90_8C_E7_80_8F_E8_A6_BD_E5_99_A8_E4_B8_8B_E8_BC_89_E6_AD_A3_E7_A2_BA_E7_9A_84_E6_AA_94_E6_A1_88_E5_90_8D_E7_A8_B1-content-disposition-7ef13555b1ba]

[https_blog.robotshell.org_2012_deal-with-http-header-encoding-for-file-download]: https://blog.robotshell.org/2012/deal-with-http-header-encoding-for-file-download/
[https_medium.com_hyWang_E5_A6_82_E4_BD_95_E5_9C_A8_E4_B8_8D_E5_90_8C_E7_80_8F_E8_A6_BD_E5_99_A8_E4_B8_8B_E8_BC_89_E6_AD_A3_E7_A2_BA_E7_9A_84_E6_AA_94_E6_A1_88_E5_90_8D_E7_A8_B1-content-disposition-7ef13555b1ba]: https://medium.com/@hyWang/%E5%A6%82%E4%BD%95%E5%9C%A8%E4%B8%8D%E5%90%8C%E7%80%8F%E8%A6%BD%E5%99%A8%E4%B8%8B%E8%BC%89%E6%AD%A3%E7%A2%BA%E7%9A%84%E6%AA%94%E6%A1%88%E5%90%8D%E7%A8%B1-content-disposition-7ef13555b1ba