在不知道文件类型的情况下加载图像

时间:2016-06-10 10:18:19

标签: javascript html

我有一个名为//td[contains(., 'Checkbox1 name')]/input image1.jpg的文件。我不知道文件类型是大写还是小写。

如果我执行image2.JPG<img src="image1.JPG">,则图片无法加载。

我尝试过这样的通配符:<img src="image2.jpg">,但它不起作用。

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

您可以使用简单的解决方案来完成此操作,只需查看我的代码如何解决此问题: 在此之前,您必须知道图像的目录,或者知道图像的 src 标记文件名,您可以使用我的代码执行此操作:

您的 HTML 与此相同,例如:

<img src="https://youradmin.com/uploads/image.*" id="image" />

还有这个 javascript:

var imageID = document.getElementById('image');
var imageType = ['png', 'jpg', 'webp' , 'jpeg' , 'PNG', 'JPG', 'WEBP', 'JPEG'];
for(var i = 0 ; i < imageType.length; i++ ){
var set = imageID.setAttribute('src' , `https://youradmin.com/uploads/image.${imageType[i]}`);
var load = imageID.complete && imageID.naturalHeight !== 0;
 if(load){
   {break}
  }
}

您可以使用花药数组作为图像名称作为 image1 或 image2 等来做更多的复杂工作。 但我认为这可以帮助你,我希望这对你有帮助。 GL