Как указать различные расширения к одному файлу image?
Как указать путь к файлу в js, если не известно каким будет в итоге расширение картинки(jpg или png) То есть файл с названием img1 может иметь расширение либо jpg либо png, можно ли как-то указать их одновременно, если одного не существует, значит берется другое.
const img1 = new Image(40, 40); img1.src = "img1.png" //or "img1.jpg"
Ответы (1 шт):
Вот как вариант. Здесь img1.onerror = function(){/* код */} срабатывает как раз тогда, если картинка не была найдена, в таком случае выполнится код внутри этой функции. В данном примере он не нашел файл img1.png и пошел дальше искать файл img1.jpg, а не найдя и его пошел выполнять код дальше и нашел img1.gif. Важный момент: не забудь оставить в конце пустую функцию img1.onerror = function(){}, как у меня в примере.
var img1 = document.createElement("img");
img1.setAttribute('height', '40px');
img1.setAttribute('width', '40px');
img1.setAttribute('src', 'img1.png');
img1.onerror = function(){
img1.setAttribute('src', 'img1.jpg');
img1.onerror = function(){
img1.setAttribute('src', 'https://i.postimg.cc/BvGSjV02/img1.gif');
img1.onerror = function(){};
}
};
document.body.appendChild(img1);