js --- 上传图片预览
<!DOCTYPE html>
<html>
<head>
<title>图片上传预览功能</title>
</head>
<body>
<input id='inp' type="file" name="">
<img src="" id="img">
</body>
<script type="text/javascript">
var dom_inp = document.getElementById('inp');
var imgs = document.getElementById('img');
var img_url,imgSrc;
var window_url;
var filereads = new FileReader();
dom_inp.onchange = function(e){
// 只能设定 c:/
img_url = e.target.value.split("\\");
imgSrc = 'C:/Users/Administrator/Desktop/' + img_url[2];
if(imgSrc.indexOf('.jpg') != -1 || imgSrc.indexOf('png') != -1){
imgs.src= imgSrc;
}else{
alert('错误的图片格式');
}
// 正确显示
function geturl(file){
window_url = window.webkitURL.createObjectURL(file)
return window_url;
}
imgs.src = geturl(this.files[0]);
}
</script>
</html>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018-12-26 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读