纯js实现图片上传和预览

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<img src="" id='imgfile'>
<input type='file' id='fileObj' onchange='fileupload()'>
<script>
fileupload=function(){
var fileImage = document.getElementById('fileObj');
var imgObjPreview = document.getElementById("imgfile");
if (window.navigator.userAgent.indexOf("Chrome") >= 1 || window.navigator.userAgent.indexOf("Safari") >= 1) {
imgObjPreview.src = window.webkitURL.createObjectURL(fileImage.files[0]);
}
else {
imgObjPreview.src = window.URL.createObjectURL(fileImage.files[0]);
}
}
</script>

demo看这里


纯js实现图片上传和预览
https://xypecho.github.io/2018/01/26/传js实现图片上传和预览/
作者
很青的青蛙
发布于
2018年1月26日
许可协议