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

使用包含AngularJS中base64数据的变量加载图像src

萧宏峻
2023-03-14
问题内容

使用包含base64AngularJS 中数据的变量加载图像

我试图找到一种正确的方法,从包含base64编码图像数据的变量(例如,使用来从画布中拉出toDataURL();)中加载图像源。

起初,我只是这样尝试:

<img src="{{image.dataURL}}" />

其中图像是作用域变量,其中的变量dataURL包含base64数据。这实际上工作得很好,唯一的问题是404我的控制台出现错误。像这样:

GET
http://www.example.com/%7B%7Bimage.dataURL%7D%7D
404(未找到)

不太漂亮 当我尝试这样的更具角度的样式解决方案时:

<img data-ng-src="image.dataURL" />

图像根本没有加载。我做了一个小提琴,你可以找到[ **HERE**](http://jsfiddle.net/wilt/4LJDB/3/)

有什么建议如何摆脱我的控制台中的错误?

编辑:

Gruff Bunny是对的。这<img data-ng-src="{{image.dataURL}}" />正在工作…

可以找到有效的解决方案 [**HERE**](http://jsfiddle.net/wilt/4LJDB/5/)


问题答案:

ng-src的内容需要插值:尝试以下操作:

<img data-ng-src="{{image.dataURL}}"/>


 类似资料:
  • 我有一个带有方法的Lambda函数,该函数应该能够将图像作为多格式数据接收、加载图像、执行一些计算并返回一个简单的数字数组。Lambda函数位于API网关后面,Lambda-Proxy集成上,设置为二进制媒体类型。 其中是。 像这样运行的组件。 给了这个。内容(太长无法发布)如下所示: 下面是Python代码形式的邮递员请求:

  • 正如你可以看到的使用链接,毕加索只有3个选项加载一个图像。我的问题是,如果您有一个从API的JSON响应解析的base64字符串,那么如何加载图像?

  • 问题内容: 在我的应用程序中,我尝试显示base64图像… 例如我有: 在网址上: 在ng-repeat循环中,我有: 但结果我看到了: 但为什么?如何显示我的图像数据? 问题答案: 如果映像来自远程服务器,则可以像下面这样在控制器中获取base64内容: 然后在视图上显示 当图像位于本地磁盘/电话上时,首先您可以从 然后将绑定为

  • 问题内容: 我有看起来像的图片。加载单个图像时,我需要应用iScroll refresh()方法以使图像可滚动。 知道何时完全加载映像以运行某些回调的最佳方法是什么? 问题答案: 这是一个如何调用图像加载的示例http://jsfiddle.net/2CsfZ/2/ 基本思想是创建一个指令并将其作为属性添加到img标签。 JS: HTML:

  • 想象一下我有: 输出: 我想要的是: 现在,正如我所说,这并没有把x设为3,而是把y设为3。我怎样才能改变它,使y充当指向x的指针。我想编辑x,而不是y。之前,我相信我看到了一个关于使用可变变量的页面。我不认为我完全理解Python中变量是如何工作的。