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" />