我正在使用Autodesk View和Data API它的項目API正以某種形式返回縮略圖,我無法理解如何顯示它。以下是從它返回的字符串。顯示編碼PNG
�PNG\r\n\u001a\n\u0000\u0000\u0000\rIHDR\u0000\u0000\u0000�\u0000\u0000\u0000�\b\u0002\u0000\u0000\u0000\":9�\u0000\u0000\u0000\u0003sBIT\b\b\b��O�\u0000\u0000\u0003UIDATx����nSW\[email protected]��ش���H(��>\u0010\u0001RE�vw3�3Z,��O\u0012��\u001c�m\u001b��˳\u0017��IX$�EBX$�EBX$�EBX$�EBX$�EBX$�EBX$�EBX$�EBX$�EBX$�EBX$�EBX$�EBX$�E�t�&so�9�\u001d�*3��\u000b�:3��������u���̌Ʈ��G!\ta�\u0010\u0016\ta�\u0010\u0016\ta�\u0010\u0016\ta�\u0010\u0016\ta�\u0010\u0016\ta�\u0010\u0016\ta�\u0010\u0016\ta�\u0010\u0016\ta�8m�\u0014�ޯ��;3\u001a�Ъ�6��!9I=�Q�UfFcWYՙw*�\"!,\u0012�\"!,\u0012�\"!,\u0012�\"!,\u0012�\"!,\u0012�\"!,\u0012�\"!,\u0012�\"!,\u0012�\"!,\u0012.S�?3\u001a�Ъ.ST3�����2\u0005\u0015a�\u0010\u0016\ta�\u0010\u0016\ta�\u0010\u0016\ta�\u0010\u0016\ta�\u0010\u0016\ta�\u0010\u0016\ta�\u0010\u0016\ta�\u0010\u0016\ta�p�}���Vu潚\u0019�]eUgީ\b���H\b���H\b���H\b���H\b���H\b���H\b���H\b�A^/�m�^⁄�\b�_�v�/��ݟ�ʣ\b+�z��*GNj�����v��p���y�]����Ǟ�s���e���j�L�f��\u0004��������N���l��m��mf����O�\u001f���v�*��q\u000e�p�'\u0012��������|��w��!��ݿ�ɟ}Z���\u0013-�2+�������o�\f�ې�=�����0��ҳ\bk&����n���玲ȣ���H\b���H\b���H\b���H\b���H\b���H\b��3��ό�.��3���h�*��\u0005\u0002T�EBX$�EBX$�EBX$�EBX$�EBX$�EBX$�EBX$�EBX$�EBX$\\��f4v�U]��fFcWY�e\n*�\"!,\u0012�\"!,\u0012�\"!,\u0012�\"!,\u0012�\"!,\u0012�\"!,\u0012�\"!,\u0012�\"!,\u0012�\"qx�l���}�{G���h�B���aے���<\nI\b���H\b���H\b���H\b���H\b���H\b���H\b���H\b���H\b���H\b���H\b���H\b���H\b���H�\u0005�\u000e�e�-S\u0002\u0000\u0000\u0000\u0000IEND�B`�
我queston是如何爲在HTML顯示這種類型的編碼字符串的PNG。 以上輸出是通過在javascript中編寫以下代碼獲得的。
function getThumbnails(urn) {
var urnStr = urn;
if (!urnStr || (0 === urnStr.length)) {
alert("You must specify a URN!");
return;
}
var urlStr = _baseURL + '/viewingservice/v1/thumbnails/' + urnStr;
var jqxhr = $.ajax({
url: urlStr + '?width=150&height=150',
type: 'GET',
headers: {
"Authorization": "Bearer " + getAccessToken()
},
beforeSend: startSpinner("spn_viewTranslationStatus")
})
.done(function (ajax_data) {
console.log(JSON.stringify(ajax_data, null, ' '));
var download = document.createElement('a');
//download.href = 'data:image/png;'+ajax_data+'';
download.href = ajax_data + '';
var r = /\\u([\d\w]{4})/gi;
var x = ajax_data.replace(r, function (match, grp) {
return String.fromCharCode(parseInt(grp, 16)); });
x = unescape(x);
console.log(x);
download.href = 'data:image/png;'+x+'';
download.download = 'reddot.png';
download.click();
$('body').append('<img src="data:image/png;base64,' + Base64.encode(x) + '"/>'),
stopSpinner();
})
.fail(function (jqXHR, textStatus) {
//$("#txt_resViewTranslateStatus").html(ajaxErrorStr(jqXHR));
stopSpinner();
});
}
看起來像一個帶有unicode轉義序列的非ASCII字符的JavsScript字符串。您可以使用base64數據URI。 –
這是結果字符串@Alexander O'Mara。任何想法如何正確顯示它爲** PNG ** – Technacron
您的問題是不明確的。你所得到的「字符串」實際上是否包含字符'\\','u','0','0'(依此類推),或者正如我懷疑的那樣 - 只是因爲你選擇將其視爲從JavaScript內?它真的看起來像一個普通的PNG文件,所以你試過將它直接保存到磁盤並用相關軟件查看它? – usr2564301