在ng-repeat循环中绑定json blob元素到img src的其他方法？
在ng-repeat循环中绑定json blob元素到img src的其他方法有以下几种：
- 使用base64编码：将json blob元素转换为base64编码的字符串，然后将该字符串直接赋值给img的src属性。这种方法适用于较小的图片，可以减少网络请求。
- 使用URL.createObjectURL()：使用URL.createObjectURL()方法创建一个临时的URL，将json blob元素作为参数传入该方法，然后将该URL赋值给img的src属性。这种方法适用于较大的图片。
- 使用ng-src指令：在img标签中使用ng-src指令，将json blob元素的URL作为ng-src的值绑定到img的src属性。这样，当json blob元素加载完成后，ng-src指令会自动更新img的src属性。
- 使用自定义指令：可以编写一个自定义指令，用于处理json blob元素到img src的绑定。在指令中，可以使用JavaScript的FileReader对象读取json blob元素，并将其转换为base64编码或临时URL，然后将其赋值给img的src属性。
需要注意的是，以上方法中的URL.createObjectURL()和ng-src指令都是AngularJS的特性，如果使用其他前端框架或原生JavaScript开发，可以根据相应的文档和API进行相应的处理。
推荐的腾讯云相关产品：腾讯云对象存储（COS） 产品介绍链接地址：https://cloud.tencent.com/product/cos
相关·内容
1回答
在ng-repeat循环中绑定json blob元素到img src的其他方法？
angularjs、javascript-databinding
我有一个json数组，我将其显示在一个表中，如下所示： <table><tr ng-repeat="field in databank.Fields"> <td><img src={{field.photo}} height=100/></td>
浏览 12提问于2020-09-04得票数 0
1回答
Safari img元素不会使用blob URL将从服务(例如Dropbox)检索到的图像呈现为ArrayBuffer
javascript、safari、dropbox
在Webkit中，可以创建引用下载数据的blob: URL，然后将其设置为img元素的src属性。示例：以ArrayBuffer的形式检索图像数据，然后创建一个blob: URL并将其传递给img元素。此示例适用于Chrome，但不适用于Safari 6.0.2。根据Can I Use ()和其他来源，Safari6.x支持创建blob对象URL。Safari确实
浏览 3提问于2013-03-14得票数 5
回答已采纳
1回答
如果某些元素发生了变化，如何刷新整个字典？
javascript、angularjs、performance
<body ng-controller="SomeListCtrl">
<li ng-repeat="user in users"> 2: {src: 'img-2'}, };
$scope.bindU
浏览 2提问于2014-07-30得票数 4
2回答
如何将jquery addClass()方法添加到元素ng-repeat AngularJS
javascript、jquery、angularjs、frontend
我为一篇文章做了一个文本编辑器summernote，之后我在html元素中使用modalbootstrap和angularJS ng-repeat来读取它，以便从json api my php中获取数据但文章内容的问题是有一个图像，我想添加'img-fluid‘类，以便图像具有响应性。 我曾尝试使用jquery addClass方法向element html添加类，代码如下所示。点假设示例： 我的script.js $('i
浏览 34提问于2020-07-09得票数 0
回答已采纳
1回答
Angular :如何在ng-repeat循环中通过XHR请求加载图像
angularjs、angularjs-ng-repeat、ng-repeat
<ul> <img ng-src="{{get_photo(person)}}" /></ul>
这不起作用，因为它将函数绑定到ng-src，并在每次调用ng-re
浏览 0提问于2013-06-11得票数 3
回答已采纳
1回答
Angular12 img src绑定在模板中生成数据src。
angular、typescript、one-trust
我从我的后端得到一个图像(在blob中)，我需要在img标签中显示它。}, false);
} }不知何故，即使我绑定到src属性，生成的html在data-src属性中具有base64映像：<img _ngcontent-btp-c316=&
浏览 3提问于2022-05-05得票数 0
回答已采纳
2回答
PreloadJS加载的映像，但我不能将它插入DOM
javascript、html、createjs、preloadjs
', src: 'https://i.imgur.com/adSrF00g.png',queue.load();
var img = queue.getResult('img');
// this code inser
浏览 2提问于2019-06-11得票数 0
回答已采纳
2回答
如何从控制器中获取表示ngRepeat中元素的HTML节点的参数？
javascript、dom、angularjs、angularjs-ng-repeat、ng-repeat
我有一个数组或图像URL，以ng-repeat作为<img>元素插入到页面中： <li ng-repeat="image in images"> </li>在将这些图像插入DOM之后，我
浏览 0提问于2013-10-10得票数 3
回答已采纳
2回答
AngularJS ng-重复:将当前绑定元素传递给用于条件呈现的函数
javascript、angularjs
我知道我们可以通过以下方法实现与ng-repeat的条件绑定： <td><img width="18" ng-src="{{!这是混乱的，在现实中，我至少有5到6状态来跟踪并相应地更改显示图像图标。在J
浏览 0提问于2020-08-20得票数 0
回答已采纳
1回答
为HTML5画布生成SVG
javascript、xml、dom、canvas、svg
我想以HTMLImageElement的形式生成SVG，这样我就可以将它放在<canvas>元素上。
浏览 2提问于2016-03-23得票数 1
回答已采纳
1回答
Jquery问题:我的所有SQL查询
javascript、php、jquery、html
在下面的代码中，仅在整个列表的第一行上实现JQuery事件(mouseenter和only )。因此，如果结果中有多行，则其他行不会受到JQuery的影响，并且在鼠标控制上图像高度不会发生任何变化。并提供一个可能的解决方案？</head><div id="headpanel"></div>
<div id="table
浏览 3提问于2016-07-12得票数 1
回答已采纳
1回答
如果要将图像存储在blob中，如何将html的<img>标记与blob绑定以在ui上显示图像？
image、asp.net-mvc-4、azure、razor
我将图像存储在蔚蓝blob中，我希望将图像显示在UI上，但我想将img标记绑定到blob中。如何将html标记与blob绑定以在UI上显示图像？ ImageContainer img = new ImageContainer();
string imageUri = img.in
浏览 3提问于2016-02-09得票数 1
回答已采纳
1回答
Aurelia中的图像源绑定
javascript、webpack、aurelia
我试图在aurelia组件中绑定img标记的img属性，我如何才能这样做？我用这种方式在reapeat.for循环中创建了一些图像：
<img repeat.for="picture of infoboard.memberPictures" src.bind="pictureimg_avatar.png:1 GET http://localhost:8080&#
浏览 0提问于2019-08-04得票数 11
回答已采纳
3回答
如何将变量传递给ng-include？
javascript、angularjs、angularjs-ng-include
我有以下代码： <div ng-include src="itemG.html"></div>然后在itemG.html中，我有：如何让我的ng-repeat打印出所有的图像？
浏览 3提问于2014-03-01得票数 0
2回答
使用AngularJS获取嵌套Json
javascript、json、angularjs、mobile、ionic-framework
我有这个json。如何在angularjs中显示img/n.jpg？我下面有多张照片。bb.json "bb": [ "chapter": "1", },{ &q
浏览 0提问于2015-07-15得票数 0
回答已采纳
2回答
AngularJS :如何将数据从指令传递到控制器函数
angularjs、angularjs-directive、angularjs-scope、angularjs-ng-repeat
我正在尝试将一些数据从指令传递到控制器中的函数addTrackFromPicker中。scope.addTrackFromPicker = function (message) {};<div class="media list-group-item" <em
浏览 1提问于2015-04-10得票数 4
回答已采纳
2回答
如何清除closed RTCPeerConnection >> [使用解决方法]
javascript、google-chrome、webrtc、microsoft-edge、chromium
这是老的著名的Chromium bug：我发布了我目前的解决方法，但我很高兴能找到更好的解决方法，如果有的话
浏览 10提问于2021-03-09得票数 1
2回答
jQuery/Javascript -如何检测图像被重新加载
asp.net、javascript、jquery
我有几个可以在屏幕上执行的操作，可以通过Ajax调用(非jQuery)重新加载图像。我需要一种方法来检测图像已被重新加载，以便我可以再次将事件处理程序附加到图像。我该怎么做呢？
浏览 1提问于2009-11-01得票数 0
回答已采纳
2回答
获取文档中所有图像的列表(包括blobs)
javascript、browser
获取一个网站的所有图片的列表听起来很容易。在Chrome中，你可以打开开发人员工具，打开“应用程序”标签，在Frames > top > Images下你可以看到所有图片的列表。在代码中，这应该类似于：
for(var i = 0; i< document.images.length; i++){ console.log(document.images[i].src) }问题:当你打开的时候，你会注意到一些图片有
浏览 0提问于2017-08-20得票数 0
回答已采纳
2回答
基于输入查询动态更改CSS类的最佳方法
javascript、angularjs
在AngularJS 中，有一个输入框，用于将过滤器应用于ng重复。这对于返回要在屏幕上显示的子集数组非常有用。#/phones/{{phone.id}}" class="thumb"><img ng-src="{{phone.imageUrl}}"></a>
<a href="#/phones/{{phone.id}}">{{phone.name}}
浏览 0提问于2013-09-10得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
活动推荐
腾讯云开发者
