Question

我有一个需要根据另一个表单字段显示的变量图像，所以如果第一个表单字段显示XYZ123，那么我需要显示的图片将在服务器文件系统中，并命名为XYZ123.jpg

我无法确定将其放入

的语法

<td colspan=3 align="center"><img src="pictures/thumbnails/logo-20170820013631.jpg" alt="Logo" border=1 height=150 width=150></img><br>Click to enlarge.</td>

如果我使用静态图片名称，这可以正常工作，但我需要动态

每当第一个字段发生变化时，我都会调用一个函数

<div><b>EDIT CUSTOMER DETAILS</b><br><input type="text" name="key" onchange="changedReference(this.name);" placeholder="enter customer ID"></div>  //calls function

function changedReference(n)
{
    var ref = EL(n).value;
    var img = EL(n).value;
    if (ref == null || ref == "") return;

    var x = getXmlHttpRequest();
    if (x == null) {
        alert("Unable to get XmlHttpRequest");
        return;
    }

    var u = "card-get.php?reference=" + encodeURI(ref);

    x.open("GET", u, false);
    x.send();

    var t = x.responseText;
    if (t == null || t.indexOf('=') < 0) {
        alert("Unknown Customer ID [" + ref + "]");
        return;
    }

    var ra = t.split("\n");
    var lookup = new Object();
    for (var i = 0; i < ra.length; i++) {
        var pos = ra[i].indexOf('=');
        if (pos < 0 || pos == 0) continue;

        var en = ra[i].substring(0, pos);
        var ev = ra[i].substring(pos + 1);

        if ((en == "dob" || en == "id1_expiry") && ev.length == 10 && ev.indexOf("-") >= 0) {
            ev = ev.substring(8, 10) + "/" + ev.substring(5, 7) + "/" + ev.substring(0, 4);
        }

        var e = EL(en);
        if (e != null) e.value = ev;
    }

}

所以var img保存了我需要的值而没有.jpg，现在我需要它才能显示但是我试图让它失败。

Answer 1

将html中的图片标记设为

<img id="changingImage" src="pictures/thumbnails/logo-20170820013631.jpg" />

现在您可以将图像源更改为指向img变量中的文件名...

document.getElementById('changingImage').src="pictures/thumbnails/"+img+".jpg";

返回一个变量以用作图像src

1 个答案: