input上传图片+预览图片
2017-07-18 10:19
239 查看
使用原声input上传图片
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>URL.createObjectURL()</title>
</head>
<body>
<input type="file" accept="image/*" id='chooseImg'/>
<img src="" alt="" id='preview'/>
</body>
<script>
var inp=document.getElementById("chooseImg")
inp.onchange=function(){
var file=this.files[0]
console.log(file)
imageUrl = URL.createObjectURL(file);
image = document.getElementById("preview");
image.src = imageUrl;
}
</script>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 上传图片预览JS脚本 Input file图片预览的实现示例
- input type=file实现图片上传，预览以及图片删除
- input file图片上传预览
- input文件框选择本地图片后页面预览图片并获取图片长宽以及大小 图片上传前预览
- input 上传图片显示预览、调用摄像头，ios和Android的兼容性解决
- input 上传图片预览实现
- JS input file图片上传预览效果
- input 上传图片预览
- input file上传图片预览
- input 上传图片显示预览、调用摄像头，ios和Android的兼容性解决
- input file 实现上传预览图片,以base64上传，兼容IE8+,firefox,chrome
- 上传图片预览JS脚本 Input file图片预览的实现示例
- input[type=file]样式更改以及图片上传预览
- input上传图片并预览
- 纯CSS定义input file样式及上传图片预览 CSS
- bootstrap 文件上传插件 fileinput.min.js 可以预览图片
- HTML5接口 实现input上传图片预览
- 上传图片时,Input file图片预览的实现
- JS，jQuery轻松实现input图片上传预览功能
- javascript实现input file上传图片预览效果