jsp页面
<td style="text-align: left;padding-left: 20px;"> <img name="image" id="myimage" src="" style="width: 80px;height: 100px"/> <a href="javascript:;" class="file">选择图片 <input type="file" onchange="changeImge(this)" name="selectFile" value="" id="selectFile"> </a> </td>
js代码
function changeImge(obj) { var f = obj.files[0]; var filePath = getPath(obj); var type = f.type;//image/jpeg var size = f.size; var tp = type.split("/")[0]; = if (tp != "image" || size > 10*1024*1024){ alert("请选择图片-10MB内!") return false; } var element = document.getElementById('myimage'); if (filePath != null && filePath != "") {
//获取文件路径
element.src = window.URL.createObjectURL(obj.files[0]); ; }
}