您的位置:首页 > Web前端 > JavaScript

JSP 上传图片之前先在页面生成预览

2015-12-29 00:00 706 查看
JSP 页面代码:

<form action="#" name="uploadForm" method="post" enctype="multipart/form-data">

<input type="file" name="upload" id="upload" onchange="loadImageFile(event)">

<img id="image" src="" >

<input type="submit" value="上传">

</form>

JS 代码:

function loadImageFile(event)

{

var image = document.getElementById('image');

image.src = URL.createObjectURL(event.target.files[0]);

};
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: