首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何多次将图像绑定到div标记

如何多次将图像绑定到div标记
EN

Stack Overflow用户
提问于 2016-02-22 09:46:18
回答 4查看 1.3K关注 0票数 0

我想将我的映像绑定到div tag.it,只绑定到第一个对象,而不是所有对象。我把图像存储在天蓝色的水珠存储器里。

代码语言:javascript
运行
复制
type: "Get",
        url: "/contollerName/methodname",
        success: function (result) {
            data = JSON.parse(result);
            alert("Pic " + data.ContentType +" "+data.Content);


            $('#MyProfile').attr('src', "data:" + data.ContentType + ";base64," + data.Content);

此方法为image.and提供了与div标记相同的id,即MyProfile。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2016-02-22 09:49:34

您正在按ID引用div。在有效的HTML中,每页只能使用一次ID。将其更改为类并在jquery中引用它。虽然div没有src属性,但是要引用图像:

代码语言:javascript
运行
复制
<div class="profilePic"><img src="value.png"/></div>

jquery部分:

代码语言:javascript
运行
复制
  $('.profilePic img').attr('src', "data:" + data.ContentType + ";base64," + data.Content);
票数 0
EN

Stack Overflow用户

发布于 2016-02-22 09:48:49

不要对多个元素使用ID选择器!

代码语言:javascript
运行
复制
var $profiles = $('.MyProfile');
$profile.forEach(element, index) {
    element.attr('src', "data:" + data.ContentType + ";base64," + data.Content);
}
票数 0
EN

Stack Overflow用户

发布于 2016-02-22 09:48:51

首先,使用类而不是ID,比如$(‘.bindImage’).attr(.)。

第二,您将获得多个元素,因此您需要检查它们:

代码语言:javascript
运行
复制
var elements = $('.bindImage');

elements.forEach(element, index) {
    element.attr('src', "data:" + data.ContentType + ";base64," + data.Content);
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35550356

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档