Попробуйте ниже для кодирования
я есть поле ввода текста в SPA, построенном на AngularJS, для пользователей, чтобы добавить заголовок к распечатке. Поле ввода объявлено так:
<input class="chart-title" type="text" ng-model="chartTitle" ng-change="titleChanged()"/>
Текстовое поле заполнено заголовком по умолчанию, предоставленным сервером. Пользователь может изменить название на то, что ему подходит. Когда заголовок изменяется, сервер обновляется и отправляет новый заголовок в заголовок ответа, который затем заменяет заголовок в поле. Это отлично работает для стандартных символов типа ASCII.
Однако для символов Unicode (например, äßéçøö) это не работает. Текст отправляется правильно, корректно обновляется на сервере и корректно возвращается в SPA. Заголовки для запроса / ответа находятся здесь:
Request URL:http://blahblahblah/api/.....&chartTitle=Instrument:%20%C3%A0%C3%9F%C3%A9%C3%A7%C3%B8%C3%B6
Заголовки ответа:
chartTitle: Instrument: %C3%A0%C3%9F%C3%A9%C3%A7%C3%B8%C3%B6
Запрос сделан с использованием AngularJS$http()
, Как вы можете видеть, значения совпадают (пробел в запросе кодируется как%20
по понятным причинам). Однако, когда я получаю заголовок, используяheaders("charttitle")
, ценность, которую я получаюInstrument: à Ãéçøö
Пакет javascript объявлен в индексе с набором символов utf-8:
<script src="/js/bundle.js" type="text/javascript" charset="UTF-8"></script>
Кроме того, HTML объявлен с правильной кодировкой, мне кажется, в двух местах в объявлении головы:
<meta http-equiv="Content-Type" content="text/html charset=UTF-8" />
<meta charset="utf-8" />
По данным этого сайта (http://www.i18nqa.com/debug/utf8-debug.htmlКажется, я получаю кодировку Windows1252. Это не имеет никакого смысла. Я мог бы, в случае необходимости, написать ужасный хак, преобразовав строку utf-8 в символы Windows1252, но это кажется мне немного экстремальным и довольно подверженным ошибкам.
Эффект тот же, будь то на Chrome, Firefox или IE11. Полные заголовки запроса находятся здесь:
Accept:application/json, text/plain, */*
Accept-Encoding:gzip, deflate, sdch, br
Accept-Language:en-GB,en-US;q=0.8,en;q=0.6
Connection:keep-alive
Host:blahblahblah
Origin:http://blahblahblah
Referer:http://blahblahblah/
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36
Есть что-нибудь, что я оставил? Что-нибудь, что было забыто?
РЕДАКТИРОВАТЬ
Заголовки полного ответа по запросу.
Access-Control-Allow-Origin:*
Access-Control-Expose-Headers:chartTitle
Cache-Control:private
chartTitle:Instrument: %C3%A0%C3%9F%C3%A9%C3%A7%C3%B8%C3%B6
Content-Disposition:attachment; filename=PrintData.pdf
Content-Length:1391643
Content-Type:application/octet-stream
Date:Fri, 20 Jan 2017 11:19:07 GMT
Server:Microsoft-IIS/10.0
X-AspNet-Version:4.0.30319
X-Powered-By:ASP.NET
X-SourceFiles:=?UTF-8?B?QzpcR2l0XEVPU1xSZXZpZXdlci5XZWJcYXBpXFByaW50XGQyOTNkNjA4NWVlYzlhNTEwYjQ5YThmZGQxNjNhMjAwMWZhYTFjMGY5YzhiMzUxYzE5ZjYxYWMwYTY1OWVhMDM=?=
Код вокругheaders
$http({
method: 'GET',
url: filePath,
params: {
fileName: fileName
},
responseType: 'arraybuffer',
headers: {'Content-Type' : 'application/json; charset=UTF-8'}
}).success(function (data, status, headers) {
ready();
if (status == 200) {
var chartTitle = headers("charttitle");
var printoutInformation = {'chartTitle' : chartTitle, 'pdfData' : data};
deferred.resolve(printoutInformation);
}
else {
deferred.resolve(null);
}
}).error(function (data) {
ready();
console.log(data);
});
return deferred.promise;
РЕДАКТИРОВАТЬ
web.config
для API также указывает utf-8:
<globalization requestEncoding="utf-8" responseEncoding="utf-8"/>
TL; DR
В текстовом поле я хочу отобразить «Instrument àßéçøö», и вместо этого я вижу «Instrument: Ãà © çøö»