可否判断文件是否存在？

Question

firefox浏览器。需要指定一个图片。这里v是一个变量，如果 v+".jp" 这个图片文件存在，就执行。document.getElementById("img1").src=v+".jpg";当v+".jp" 这个图片文件不存在，就执行。document.getElementById("img1").src="promotion.jpg";请问，如何用js 做到？

Answer 1

img是通过onload的函数来确认是否能加载成功 也就是存不存在

var img = new Image();   // 创建img元素img.onload = function(){  // 加载成功，表示存在}
img.onerror =function(){    //不存在的时候执行}
img.src = 'myImage.png'; // 设置图片源地址