HTML中img标签src路径的值需要设置成一个变量来表示

原创于 2018-04-10 14:08:49 发布 · 1.4w 阅读

19 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #javaScript

js 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种在Java开发中动态加载图片的方法，通过从后台数据库获取图片路径并将其设置为<img>标签的src属性。

在Java开发中，有时候会遇到在显示图片时不需要给图片的src路径设置成固定的，而是需要写入从后台数据库传入的路径变量，下面给出了解决此问题的方法。

<script>
   var pictureUrl = data.url;//后台传入的图片路径，url指的是数据库中图片的路径
   document.getElementById("picture").src = pictureUrl;
</script>
<body>
   <img id="picture" src="" alt="图片加载失败"/>
</body>

有时候用 $("#picture').src 可能会出错，原因是没有导入jquery包，请大家注意。
希望对大家有用！