<body>
<input type="file" id="file" multiple="multiple"/>
<script>
var file=document.querySelector('#file');
file.onchange=function(){
var files =event.target.files;
for(var i=0;i<files.length;i++){
var fileReader=new FileReader();
fileReader.readAsDataURL(files[i]);
fileReader.onload=function(){
var img =document.createElement('img');
img.src= this.result; //此处的this为什么不能换成fileReader
document.body.appendChild(img);
}
}
}
</script>
</body>
当上传多张图片时代码备注行的关键字this 为什么不能换成FileReader,不是在循环里变量FileReader每次循环都会代表新的对象吗?
码农2号
jsp页面实现图片上传并预览
js实现图片上传?
上传的图片预览样式bug
预览图片路径问题