Content-Type:application/zip 文件名中文

在HTTP协议中，Content-Type头部用于指定资源的MIME类型，告诉客户端发送的内容是什么类型的数据。当Content-Type为`application/zip`时，表示发送的数据是一个ZIP格式的压缩文件。

当需要下载的文件名包含中文字符时，通常需要在HTTP响应头中使用`Content-Disposition`头部来指定文件名，以确保文件名中的中文能够被浏览器正确处理和显示。`Content-Disposition`的值可以是`attachment`或`inline`，其中`attachment`表示文件将被当作附件下载，而`inline`表示文件可以直接在浏览器中打开（前提是浏览器支持直接打开该类型文件）。为了支持多语言文件名，通常使用`filename*=UTF-8''`的格式来指定文件名，后面跟上编码后的文件名。

例如，如果有一个名为“示例文件.zip”的中文文件名，服务器返回的HTTP头可能如下所示：

Content-Type: application/zip
Content-Disposition: attachment; filename*=UTF-8''%E7%A4%BA%E4%BE%8B%E6%96%87%E4%BB%B6.zip

这样，即使文件名包含中文字符，也能确保文件名在不同浏览器中被正确显示和处理。

相关问题

exportZip(url, params, type = '.zip', fileName) { return axios({ url, data: params, method: 'post', headers: { 'X-Requested-With': 'XMLHttpRequest', 'Authorization': sessionStorage.getItem('token'), 'Content-Type': 'application/json' }, responseType: 'blob' }).then(checkStatus).then(response => { const blob = new Blob([response.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }); const downloadElement = document.createElement('a'); const href = window.URL.createObjectURL(blob); let name = ""; if (fileName) { name = fileName; } else { const contentDisposition = response.headers['content-disposition']; if (contentDisposition) { const filenameMatch = contentDisposition.match(/filename\*?=['"]?(?:UTF-\d['"]*)?([^;\r\n"']*)['"]?;?/); if (filenameMatch && filenameMatch.length > 1) { name = decodeURIComponent(filenameMatch[1]); } } } if (!name) { name = new Date().getTime().toString(); } downloadElement.href = href; downloadElement.download = name ; document.body.appendChild(downloadElement); downloadElement.click(); document.body.removeChild(downloadElement); window.URL.revokeObjectURL(href); return { code: 200 }; }); },

这段代码是一个函数`exportZip`，它用于导出一个zip文件。函数接受四个参数，`url`表示请求的URL地址，`params`表示请求的参数，`type`表示文件类型，默认是'.zip'，`fileName`表示文件名。

函数使用axios库发送POST请求，并设置了请求头部信息，包括'X-Requested-With'、'Authorization'和'Content-Type'。同时设置了响应类型为blob。

在请求成功后，将响应数据转为Blob对象，创建一个下载链接，并设置下载链接的属性。如果传入了`fileName`参数，则使用该参数作为文件名；否则解析响应头部的'content-disposition'字段获取文件名。

如果无法获取文件名，则使用当前时间的时间戳作为文件名。

最后将下载链接添加到页面中，模拟点击下载链接，完成文件下载操作。

函数最后返回一个包含状态码200的对象。

请注意，这段代码中使用了一些浏览器相关的API，所以需要在浏览器环境下运行。

downloadFile(data) { let blob = new Blob([data?.data], { type: "application/zip" }); let url = window.URL.createObjectURL(blob); let fileName = data?.headers["content-disposition"] .split(";")[1] .split("=")[1]; console.log(fileName, "fileName"); fileName = decodeURI(escape(fileName)); const link = document.createElement("a"); // 创建a标签 link.setAttribute("download", decodeURI(fileName)); link.href = url; link.click(); URL.revokeObjectURL(url); },

这是一个 JavaScript 函数，用于下载文件。函数接收一个参数 `data`，其中包括文件数据和文件名信息。函数的具体步骤如下：

1. 根据 `data` 中的文件数据创建一个 Blob 对象。
2. 使用 `URL.createObjectURL` 方法将 Blob 对象生成一个 URL。
3. 从 `data` 的响应头中获取文件名信息，并对文件名进行解码和转义。
4. 创建一个 `<a>` 标签，并设置 `download` 属性为解码后的文件名。
5. 将 URL 赋值给 `<a>` 标签的 `href` 属性。
6. 触发 `<a>` 标签的点击事件，使得浏览器开始下载文件。
7. 使用 `URL.revokeObjectURL` 方法释放 URL。

总的来说，这个函数的作用是将文件数据转换成可供用户下载的文件，通过浏览器的下载功能实现文件下载。