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

Question

我有一个名为 image1.jpg 和 image2.JPG 的文件。不知道文件类型是大写还是小写

如果我这样做 <img src="image1.JPG"> 或 <img src="image2.jpg"> 图像将不会加载。

我试过这样的通配符：<img src = "image1.*">，但它不起作用。

有什么建议吗？

Answer 1

您可以使用简单的解决方案来做到这一点，只需查看我的代码我是如何解决这个问题的：在此之前，您必须知道图像的目录，或者知道图像标签的 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

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

Loading an image without knowing the file type

html

javascript