ng-模型`（带有指令DEMO）

我使用指令创建了一种解决方法：

.directive("fileread", [function () {    return {        scope: { fileread: "="        },        link: function (scope, element, attributes) { element.bind("change", function (changeEvent) {     var reader = new FileReader();     reader.onload = function (loadEvent) {         scope.$apply(function () {  scope.fileread = loadEvent.target.result;         });     }     reader.readAsDataURL(changeEvent.target.files[0]); });        }    }}]);

输入标签变为：

<input type="file" fileread="vm.uploadme" />

或者，如果仅需要文件定义：

.directive("fileread", [function () {    return {        scope: { fileread: "="        },        link: function (scope, element, attributes) { element.bind("change", function (changeEvent) {     scope.$apply(function () {         scope.fileread = changeEvent.target.files[0];         // or all selected files:         // scope.fileread = changeEvent.target.files;     }); });        }    }}]);