Lut*_*utz 6 javascript macos encoding utf-8 iso-8859-1
我开发了一个小工具来从 Amazon CSV 订单数据中提取运输数据。到目前为止它有效。这是一个简单的 JS Bin 版本：http : //output.jsbin.com/jarako
为了打印邮票/运输标签，我需要一个文件来上传到德国邮政和其他包裹服务。我使用了一个saveTextAsFile在 stackoverflow 上找到的小函数。到目前为止一切都很好。在输出文本区域或下载的文件中没有错误显示的特殊字符 (äöüß...)。
所有这些德国邮政/包裹服务站点仅接受 latin1/iso-8859-1 编码文件进行上传。但是我下载的文件总是utf-8。如果我上传它，所有特殊字符（äöüß...）都会出错。
我怎样才能改变这个？我还是搜索了很多。我试过即：
将工具的字符集设置为 iso-8859-1：
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
但结果是：现在我在输出文本区域和下载的文件中仍有错误的特殊字符。如果我将它上传到帖子站点，我仍然会收到更多错误字符。另外，如果我在 CODA Editor 中检查编码，它仍然说下载的文件是 UTF-8。
该saveTextAsFile函数使用var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});. 可能有一种方法可以在那里设置字符集以供下载！？
function saveTextAsFile()
{
var textToWrite = $('#dataOutput').val();
var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});
var fileNameToSaveAs = "Brief.txt";
var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs;
downloadLink.innerHTML = "Download File";
if (window.webkitURL != null)
{
// Chrome allows the link to be clicked
// without actually adding it to the DOM.
downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);
}
else
{
// Firefox requires the link to be added to the DOM
// before it can be clicked.
downloadLink.href = window.URL.createObjectURL(textFileAsBlob);
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
}
downloadLink.click();
}
无论如何，必须有一种方法来下载其他编码的文件，因为该站点使用自身。我从中下载 CSV 文件的亚马逊网站是 UTF-8 编码的。但是从那里下载的 CSV 文件是 Latin1 (iso-8859-1) 如果我在 CODA 中检查它...
向下滚动到更新以获得真正的解决方案！
因为没有得到答案，所以我搜索的越来越多。看起来 Javascript 中没有解决方案。我所做的每个测试下载都是用 javascript 生成的，都是 UTF-8 编码的。看起来 Javascript 仅适用于 UNICODE / UTF-8 或其他编码（可能）仅适用于使用以前的 HTTP 传输再次传输数据的情况。但是对于在客户端上运行的 Javascript，不会发生额外的 HTTP 传输，因为数据仍在客户端上。
我现在帮助我在我的服务器上构建了一个小的 PHP 脚本，我通过 GET 或 POST 请求将数据发送到它。它将编码转换为 latin1 / ISO-8859-1 并将其下载为文件。这是一个带有正确编码的特殊字符的 ISO-8859-1 文件，我可以将其上传到上述邮政和包裹服务站点，一切看起来都不错。
latin-download.php:（将 PHP 文件本身也保存在 ISO-8859-1 中非常重要，以使其工作！！）
<?php
$decoded_a = urldecode($_REQUEST["a"]);
$converted_to_latin = mb_convert_encoding($decoded_a,'ISO-8859-1', 'UTF-8');
$filename = $_REQUEST["filename"];
header('Content-Disposition: attachment; filename="'.$filename.'"; content-type: text/plain; charset=iso-8859-1;');
echo $converted_to_latin;
?>
在我的 javascript 代码中，我使用：
<a id="downloadlink">Download File</a>
<script>
var mydata = "this is testdata containing äöüß";
document.getElementById("downloadlink").addEventListener("click", function() {
var mydataToSend = encodeURIComponent(mydata);
window.open("latin-download.php?a=" + mydataToSend + "&filename=letter-max.csv");
}, false);
</script>
对于更大量的数据，您必须从 GET 切换到 POST ...
2016 年 2 月 8 日更新
半年后，我在 PURE JAVASCRIPT 中找到了解决方案。使用inexorabletash/text-encoding。这是Encoding Living Standard的 polyfill 。该标准包括对 latin1（“windows-1252”）等旧编码的解码，但它禁止编码为这些旧编码类型。因此，如果您使用浏览器实现的window.TextEncoder功能，它只提供 UTF 编码。但是，polyfill 解决方案提供了一种传统模式，它也允许编码为诸如 latin1 之类的旧编码。
我这样使用它：
<!DOCTYPE html>
<script>
// 'Copy' browser build in TextEncoder function to TextEncoderOrg (because it can NOT encode windows-1252, but so you can still use it as TextEncoderOrg() )
var TextEncoderOrg = window.TextEncoder;
// ... and deactivate it, to make sure only the polyfill encoder script that follows will be used
window.TextEncoder = null;
</script>
<script src="lib/encoding-indexes.js"></script> // needed to support encode to old encoding types
<script src="lib/encoding.js"></script> // encording polyfill
<script>
function download (content, filename, contentType) {
if(!contentType) contentType = 'application/octet-stream';
var a = document.createElement('a');
var blob = new Blob([content], {'type':contentType});
a.href = window.URL.createObjectURL(blob);
a.download = filename;
a.click();
}
var text = "Es wird ein schöner Tag!";
// Do the encoding
var encoded = new TextEncoder("windows-1252",{ NONSTANDARD_allowLegacyEncoding: true }).encode(text);
// Download 2 files to see the difference
download(encoded,"windows-1252-encoded-text.txt");
download(text,"utf-8-original-text.txt");
</script>
encoding-indexes.js 文件大约有 500kb 大，因为它包含了所有的编码表。因为我只需要 windows-1252 编码，为了我的使用，我已经删除了这个文件中的其他编码。所以现在只剩下 632 字节了。
问题不在于编码，而在于某些应用程序（例如 Microsoft Excel）中的特殊字符显示错误。UTF-8 适合显示所有特殊的德语字符。您可以通过在 csv 前面添加字节顺序标记 (BOM) 来解决此问题。
const BOM = "\uFEFF"
let csvData = BOM + csvData
const blob = new Blob([csvData], { type: "text/csv;charset=utf-8" });
| 归档时间： |
|
| 查看次数： |
8022 次 |
| 最近记录： |