javascript - 通过 JavaScript 更改 img src

标签 javascript html laravel-5.3

我得到了这个 HTML 图像项目:

<img class="profile-photo img-responsive img-circle" id="imagen_perfil_banner" src="{{ asset('admin/img/profile1.jpg') }}" >

然后我得到了改变图像的 src 属性的 JS,如下所示:

document.getElementById("imagen_perfil_banner").src = info[13];

info[13] 变量具有以下信息:

{{ asset('admin/img/1.jpg') }}

当页面加载时,它只是不显示我通过 JS 发送的图像,但是当我将图像直接放在图像 src 属性上时,它加载得很好。

最佳答案

请尝试这个:

var image = document.getElementById("imagen_perfil_banner")
image.src=info[13];

您首先必须将图像保存在变量中。我希望它有帮助。祝你好运。

关于javascript - 通过 JavaScript 更改 img src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45821661/

相关文章:

javascript - ReactJS 如何评估 JSX 中的任何 JavaScript 表达式?

javascript - HTML 中 href 链接的悬停效果

html - fixed时背景图不覆盖,不固定时不垂直覆盖

html - 如何相对于前一个 block 在一行中定位内联 block ?

php - 如何在 laravel eloquent 上添加括号? (拉拉维尔 5.3)

JavaScript 正则表达式组定位

影响两个下拉菜单的javascript

javascript - 将 Canvas 扩展到完整的浏览器窗口

php - 为什么 "between"在 laravel 计划任务中不可用?

php - Laravel 5.3 - 用户收集的单一通知(关注者)