<%--上传图片--%>
<label for="image"><span style="float:left">图片</span>
<input style="float:left" id="image" type="file" value="上传图片" οnchange="selectImage(this);" name="image"/>
<span>可选</span></label>
<img src="" id="pic" style="width: 50px;height: 50px;display: none" >
//图片预览
var image1 = '';
function selectImage(file){
//加载预览图的地方,必须是一个img标签
$("#pic").css("display","block");
if(!file.files || !file.files[0]){
return;
}
var reader = new FileReader();
reader.onload = function(evt){
document.getElementById('pic').src = evt.target.result;
image1 = evt.target.result;
}
reader.readAsDataURL(file.files[0]);
}
<label for="image"><span style="float:left">图片</span>
<input style="float:left" id="image" type="file" value="上传图片" οnchange="selectImage(this);" name="image"/>
<span>可选</span></label>
<img src="" id="pic" style="width: 50px;height: 50px;display: none" >
//图片预览
var image1 = '';
function selectImage(file){
//加载预览图的地方,必须是一个img标签
$("#pic").css("display","block");
if(!file.files || !file.files[0]){
return;
}
var reader = new FileReader();
reader.onload = function(evt){
document.getElementById('pic').src = evt.target.result;
image1 = evt.target.result;
}
reader.readAsDataURL(file.files[0]);
}