首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在图像url中添加动态值?

如何在图像url中添加动态值?
EN

Stack Overflow用户
提问于 2018-01-22 20:15:06
回答 2查看 600关注 0票数 2

我想将DOM动态ID添加到图像url中。当前的img src url有值,但我想通过变量DOM对象插入值。

Movie.Imdb是一个我希望img src动态呈现的变量。

代码语言:javascript
复制
<div id=imdb style="visibility: hidden;">{{movie.id}}</div>
              
<div  src="http://img.omdbapi.com/?i=tt3896198&h=600" ></div>

我希望图像src url呈现为:

代码语言:javascript
复制
http://img.omdbapi.com/?i=+"imdb"+&h=600    

所以它可以是动态的。

EN

回答 2

Stack Overflow用户

发布于 2018-01-22 20:45:17

尝试使用append()attr() jQuery

堆栈代码段

代码语言:javascript
复制
var imageUrl = $("#imageUrl").attr("src");
$(".wrapper").append("<img src=" + imageUrl + ">")
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrapper">
  <div id="imageUrl" src="http://img.omdbapi.com/?i=tt3896198&h=600&apikey=6c3a2d45"></div>
</div>

票数 0
EN

Stack Overflow用户

发布于 2021-11-10 06:32:12

代码语言:javascript
复制
<div  src="http://img.omdbapi.com/?i="+movie.id+"&h=600" ></div>

这应该是可行的。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48381402

复制
相关文章

相似问题

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