<!DOCTYPE html>
<html>
<head>
<me
//设置图片上传后预览的div样式
<st
#preview, .img, img[url][/url]
{
width:200px;
height:200px;
}
#preview
{
border:1px solid #000;
}
</st
</head>
<body>
<div id="preview"></div>
<input type="file" on
//图片上传和预览
<sc
function preview(file)
{
var prevDiv = document.getElementById('preview');
if (file.files && file.files[0])
{
var reader = new FileReader();
reader.on
prevDiv.innerHTML = '
<img src="' + evt.target.result + '" />
';
}
reader.readAsDataURL(file.files[0]);
}
else
{
prevDiv.innerHTML = '
<div class="img"
st
';
}
}
</sc
</body>
</html> TP6+Vue移动电商系统，持续更新维护http://github.crmeb.net/u/lei
