angularJs file ng-change无效及上传后清空选中的文件

file ng-chanage失效

        Angular对应 onchange 事件的指令是 ng-chanage ,但是在input[type = file]ng-change 是无效的。

原因: ng-change 要与 ng-model 一起使用,但是对于file来讲, ng-model 无法取到文件对象 。

解决方案: <input type="file" onchange="angular.element(this).scope().uploadImage(this.files)">

在controller里面定义函数:

$scope.uploadImage = function(files) {
    // 上传代码
}

清空file上传文件名

虽然 input[type = file] 的value属性不能获取文件对象,但是在清空选择是可以设置其value值为空来实现。

angular.element("input[type = file]")[0].value = ""
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值