Question

在使用MYSQL的给定数据库中，我存储要显示的图像文件路径。我使用查询检索路径。返回的值存储在'var'类型变量中。如何将其用作img src属性的输入以显示图像？

例如：

var x = "http://www.w3schools.com/jsref/compman.gif";
<img src=x>

我无法使用上述内容，有没有办法显示图像？

提前致谢。

Answer 1

您可以使用Image构造函数在Javascript中创建新图像。

var x = "http://www.w3schools.com/jsref/compman.gif";
var myImage = new Image();
myImage.src = x;
document.body.appendChild(myImage);

Answer 2

试试这段代码：

var x = "http://www.w3schools.com/jsref/compman.gif";
document.getElementById("YOUR_IMAGR_ID").src = x;

Answer 3

您可以在javascript中动态创建图片代码 Javascript代码

function myFunction() {
    var x = document.createElement("IMG");
    x.setAttribute("src", "http://www.w3schools.com/jsref/compman.gif");
    x.setAttribute("width", "304");
    x.setAttribute("width", "228");
    x.setAttribute("alt", "The Pulpit Rock");
    document.body.appendChild(x);
}

HTML代码

<body>
    <button onclick="myFunction()" >Display Image</button>
</body>

请查看demo

Answer 4

检查一下：

＆＃13;

function set(){
    document.getElementById('tmp').style.visibility = "visible";
     var x = "http://www.w3schools.com/jsref/compman.gif";
     document.getElementById("tmp").src = x;
 }

＆＃13;

<img src="" id="tmp" style="visibility:hidden">
<input type="button" onclick="set();" value="Click Me!">

＆＃13;

从查询输出HTML显示图像

4 个答案: