当前位置: 首页 > 面试题库 >

AngularJS-将字节数组内容显示为图像

李森
2023-03-14
问题内容

我正在将图像作为字节数组搜索到数据库中。我想使用标记 图像 将此内容显示为文件,但是在这里不起作用。

// Controller which get my image and put into $scope.
function MyController($scope, $http, $location) {

    var url = '/json/FindImage?id=1';  
    $http.get(url).success(function(result) {  
        $scope.image = result.Image;  
    }  
}

// HTML
<!-- It doesn't work -->  
<img src="{{image}}" />  
<!-- It doesn't work also -->  
<img ng-src="{{image}}" />

任何想法?谢谢你们!


问题答案:

使用ng-src以下格式

<img ng-src="data:image/JPEG;base64,{{image}}">

不要忘记添加一个消毒过滤器,data以免被unsafe角度标记:

$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|file|ftp|blob):|data:image\//);


 类似资料:
  • 问题内容: 我有一个另存为的图像,我想在JasperReport中将其显示为图像。我尝试从Java方法获取数据: 和 和 但它们似乎都没有起作用。 jrxml看起来像这样: 我尝试的某些事情会出现异常,有些会打印JasperReport,但是应该在其中显示图像的区域为空白。我知道图像数据在那里,因为我可以在JSF页面中显示它。图像数据是SVG数据。 问题答案: 假设你的图像字节编码为base64,

  • 问题内容: 我正在编写一个程序,该程序从服务器获取有关字节数组中图像的数据。我正在将这些数据转换为24位BMP格式(无论是jpeg,png,bmp还是8-24-32bpp)。首先,将其保存到HD中,然后将其加载到JLabel的Icon中。完美运行,尽管在某些情况下会出现以下异常: 对于此行(第二行) 在这些情况下: 图像不会加载到JLabel中,但是可以在我的HD上找到 转换不正确,因为有些“滑移

  • 问题内容: 我希望所有值都显示为十六进制 问题答案: 那他呢 该表达式是所谓的 列表理解 。基本上,这是编写简单循环并根据结果创建列表的非常紧凑的方式。 的内置函数采用一个字符串,并把它转换成一个整数其相应的Unicode代码点(在ASCII字符集这是与它们在ASCII表值中的字符)这是。 对于8bit字符串或unicode对象,它的对应内容与此相反。 然后,内建函数将整数简单地转换为十六进制表示

  • 问题内容: 我正在尝试通过和不通过将字节数组写入磁盘来验证字节数组,然后使用来打开它。我看了and方法,但是我需要图像的大小(只有将字节流转换为图像时才能得到)。 我的读取功能如下所示: 然后作为基本测试,我尝试将字节数组转换为图像: 如果有人知道我在做什么错,或者有一种更优雅的方法将这些字节转换为对我有真正帮助的图像。 PS:我以为我需要字节数组,因为我对字节进行了处理(使它们出现图像错误)。这

  • 问题内容: 我有一个PIL图像格式的图像。我需要将其转换为字节数组。 现在我需要作为字节数组。 问题答案: 感谢大家的帮助。 终于解决了!! 这样,我不必将裁剪后的图像保存在硬盘中,并且能够从PIL裁剪后的图像中检索字节数组。

  • 我有一个byte[],它是通过从某个表中提取数据返回的。我想把这个字节数组转换成png图像。注意:我没有像其他地方类似的例子中那样从图像中获得字节数组。