jsp页面:
图片: <input type="file" name="uploadImage" id="picture" οnchange='PreviewImage(this)' /><br/>
<div id="imgPreview"> </div> //此处显示图片
js代码:
//设置显示图片的样式
<style type="text/css">
#imgPreview{
width:400px;
height:280px;
border:2px solid #CCC;
}
</style>
function PreviewImage(imgFile)
{
var pattern = /(\.*.jpg$)|(\.*.png$)|(\.*.jpeg$)|(\.*.gif$)|(\.*.bmp$)/;
if(!pattern.test(imgFile.value))
{
alert("系统仅支持jpg/jpeg/png/gif/bmp格式的照片!");