写了一个图片上传的指令
upload.directive('uploadFile',function(){
return {
restrict: 'A',
link: function(scope, element, attr) {
element.bind('change',function(event){
var file = this.files[0];
var name = this.name;
scope.onchange(name, file);
});
}
};
});
<p class="upload">
<p ng-show="!isUp">
<input type="file" name="myPic" upload-file id=""/>
</p>
<p ng-click="delPic()" ng-show="isUp">
<span>删除</span>
<img src="{{imgurl}}"/>
</p>
</p>
当我选择a图上传以后,如何清空input的值呢?因为如果不清空input的值,我删除a图片以后($scope.isUp=false; $scope.imgurl=''),再选择a图就没效果了,因为input绑定的时change事件,input的值不发生改变的话是不会调用$sope.onchange的
清空的话,只要:
<p ng-show="!isUp"> ng-show 改为ng-if上传成功前后改变下isUp的bool值,关于ng-show ng-if区别你可以google下