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

Error in displaying jpg image data of server side in html

本文关键字：图像 数据 出错 jpg html 显示 服务器端      更新时间：2023-09-26

我正在尝试使用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>

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