ajax在本页面显示预览图片

 

预览的作用 :

页面要上传图片 , 在单击上传按钮后并不是直接上传到服务器 , 而是在本地先显示正要上传的图片 ,

当所有信息填写完毕后 , 才一起连同图片上传 .

<script language=”javascript”>

function uploadatmpic() {

    var theFile= document.getElementById( "theFile" ).value;// 得到上传按钮图片的本地位置

    var atmpic = document.getElementById( "atmpic" );        // 得到本页面的预览图片位置

   

    atmpic.setAttribute( "src" ,theFile);                  // 用添加属性的发放赋予 SRC 值

    atmpic.setAttribute( "width" , "150" );

    atmpic.setAttribute( "height" , "100" );

 

 

}

</script>

 

Upload.jsp 中

< html:file property = "theFile" />

< input type = "button" value=” 上传文件 ” onclick="uploadatmpic();" />// 调用 JS 中的方法

<img name="atmpic" width="0" height="0" />