<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每次循环都会代表新的对象吗?
FileReader構(gòu)造函數(shù)實現(xiàn)圖片上傳預(yù)覽遇到問題,請求大牛解答
chinanavy
2018-06-11 23:29:31