1.第一种使用onchange来想办法覆盖原方法(推荐,适合页面上有多个地方上传图片,方法只用写一个)
angular input file ngchange方法不生效,可以使用onchange来想办法覆盖原方法
onchange=”angular.element(this).scope().uploadImage(this.files)”
uploadImage是$scope定义的方法,this.files就是带过去的图片
2.第二种js方法(只适用页面上只有一个图片上传,有几个地方调用就要重复写几次)
document.getElementById('img').onchange = function() {
var img = event.target.files[0];
var reader = new FileReader();
reader.readAsDataURL(img);
reader.onload = function(blob) { // reader onload start
$scope.lrzImg(reader.result, 'img');
}; // reader onload end
}
使用js onchange方法监听input