JavaScript图像预览时出错,该怎么处理

JavaScript图像预览时出错

为什么图片预览会出错的？图片都是存在的，当进行图片预览时，出现如图错误

JavaScript图像预览时出错,该怎么处理

Image.html代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Image.html</title>
    <script type="text/javascript" src="./JS/Image.js"></script>
  </head>

  <body>
  <div align="center">
    <th>图片预览测试</th>
  </div>

  <img id="image" name="image" src="./Image/1.jpg" width="300" height="150"/><br/>

  <a href="ss" onmouseover="Image1()">内部链接</a><br/>
  <a href="ss" onmouseover="Image2()">内部链接1</a><br/>
  <a href="ss" onmouseover="Image3()">内部链接2</a><br/>
  <a href="ss" onmouseover="Image4()">内部链接3</a><br/>
  <a href="ss" onmouseover="Image5()">内部链接4</a><br/>

  </body>
</html>

Image.js代码如下：

function Image1(){
var image=document.getElementById("image");
image.src="2.jpg";
if(image.src){
alert("图像存在");
}
}

function Image2(){
var image=document.getElementById("image");
image.src="3.jpg";
}

function Image3(){
var image=document.getElementById("image");
image.src="4.jpg";
}

function Image4(){
var image=document.getElementById("image");
image.src="5.jpg";
}

function Image5(){
var image=document.getElementById("image");
image.src="6.jpg";
}

------解决思路----------------------
判断是存在2.jpg啊  存在 src属性并赋值，并不代表图像真的存在

JavaScript图像预览时出错,该怎么处理

相关推荐