显示从分贝到角部分视图二进制图象(display binary image from db to a

2019-10-20 06:50发布

我试图显示其JSON对象从网页API请求返回内的图像。我能在我的角度部分显示字符串，数字和日期/时间，但无法得到显示图像。这里是包含我的主题（模式）类的每个字段的json对象

<Topic>
<Body>dsadfsaadsfds</Body>
<Created>2014-06-15T00:00:00</Created>
<Flagged>false</Flagged>
<Id>1022</Id>
<PhotoFile>
iVBORw0KGgoAAAANSUhEUgAAB2wAAAOiCAIAAAAzNbBAAAABiWlDQ1BJQ0MgUHJvZmlsZQAAKBWtkT1LA0EQht+L0SgJGCRoCpEFRSzu5IxFTLTJB5iIRYgKane5nImQj+NyIfoD7Gy0EG0U9S+INhaWYqGFIAjB3yAEAi..........
(I want to post screen shot but i can't due to lack of reputations.....)
</PhotoFile>
<Replies i:nil="true"/>
<Title>csdaadsf</Title>

这里是我的角度HTML部分：

    <a data-ng-href="#/message/{{ i.id }}">{{ i.title }}</a>
  </div>
  <div class="date span2">
    {{ i.created | date:"medium" }}
  </div>
  <div class="contents span12">
    {{ i.body }}
  </div>
    <img  ng-alt="" src="{{'data:image'+i.photofile}}" />    </div>

因为我可以让其他属性的工作，我的角度厂和控制器应该是工作。是否有什么毛病我在用于显示图像的角局部视图语法？谢谢

Answer 1:

你不应该使用src采用了棱角分明的表达作为值时属性。采用NG-SRC代替，这样既保证了图像不显示角有机会取代表达式之前。
如果你已经显示的样本的有效载荷是完整的，你正在形成中的数据URI的方式是不完整的。根据图像的格式，标题应该像
```
 data:image/png;base64,[things in the JSON] 
```
你可以阅读更多有关格式在这里

文章来源: display binary image from db to angular partial view