javascript - 在javascript中设置默认图像

Question

我有一个要求，如果图像不是由用户上传的，我需要设置一个默认图像。我正在尝试使用 javascript 设置图像。我的图像位于我在 Eclipse 中的项目的图像文件夹中。

我的 html 代码是:

<tr>
    <td align="right">Upload Image :</td>
    <td>
         <input type="file"  id="imageNonSaml" name="imageNonSaml" value=""/>
    </td>
</tr>

我的 javascript 是:

function testSSO(){
    var image=document.getElementById("imageNonSaml").value;
    if(image==null || image==''){
        alert("inside if");
        document.getElementById('imageNonSaml').setAttribute('name',"/assets/img/generic.png");
    }
}

Answer 1

您正在尝试更改 name文件输入的属性。无法设置文件输入的路径。这样做的原因是安全性 - 如果可能的话，恶意站点可以设置该值并自动提交表单，以便从用户系统中窃取文件。

如果您打算设置 src的 <img />那么你需要在你的 getElementById() 中引用它调用并设置 src属性，而不是 name属性。

document.getElementById('myimg').src = "/assets/img/generic.png";