angularjs input上传图片前获取图片的Size

最新推荐文章于 2020-12-22 15:56:22 发布

andy930606

最新推荐文章于 2020-12-22 15:56:22 发布

阅读量165

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/kklldog/p/4861221.html

版权

本文介绍了一个AngularJS指令的实现方式，用于处理文件选择框的改变事件，并读取选中的文件内容。通过定义一个名为fileread的指令，可以监听文件输入框的变化并获取所选文件。同时展示了如何在控制器中定义文件变量及处理文件改变的方法。

摘要由CSDN通过智能技术生成

首先我们需要一个指令来追踪input的change。ngChage不适用input[file]。

app.directive("fileread", [function () {
return {
scope: {
selectedFile: "=",
changed: '&'
},
link: function(scope, element, attributes) {
element.bind("change", function(changeEvent) {
scope.$apply(function() {
scope.selectedFile = changeEvent.target.files[0];
// or all selected files:
// scope.fileread = changeEvent.target.files;
console.log('file selected.');
if (scope.changed()) {
scope.changed()(scope.selectedFile);
}
});
});
}
};
}]);