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

我正在尝试使用ajax调用显示图像表单服务器端图像数据。服务器端数据如下所示：

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

“我的孩子们”3“我的孩子们”

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

$scope.imgData = <above data>

$scope.imgData=

HTML代码：

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

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

---

这里我得到了上面指定的响应，因为响应包含一个图像，我试图将其作为文本读取。在这里，我只是把我的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> 

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

您需要使用base64图像数据：也许这篇文章会对您有所帮助。使用Base64似乎很浪费。为什么不通过Ajax获取URL并从该URL加载图像（仍然可以在服务器上动态生成）？缓存也会更好。我尝试使用jpeg编码功能对数据进行编码，您可以在下面的链接中找到该功能：“