javascript - 在html中显示服务器端的jpg图像数据时出错

Question

我正在尝试使用 ajax 调用从服务器端图像数据显示图像。服务器端数据是这样的:

"ÿØÿàJFIFÿÛC4­¶¸UOHlʵcBò)3¹_È'I4~&éüÿ§Ú<ã©ã4>'Øù¿ÇÄmËCÈgÚsZ¥ë"

在 Ajax 调用成功后，我将此数据分配给 java 脚本文件中存在的以下变量。

$scope.imgData = <above data>

HTML代码:

<div class="col-md-12" > 
  <img src="{{imgData}}" alt="embedded folder icon"></img></div>
</div> 

Answer 1

在这里我得到了我上面指定的这样的响应，因为响应包含图像并且我试图将其作为文本读取。在这里，我只是将我的 ajax 调用 url 放在 src 中，我得到了图像。

Javascript 代码:$scope.imgData = 'secure/image/preview?fileId=1203598625.jpg'

URL 方法是:GET

HTML代码:

<div class="col-md-12"> 
  <img src="{{imgData}}" alt="embedded folder icon"></img></div>
</div>