Javascript 在js中,如何在$on(";fileSelected";)之后显示页面上的图像

Javascript 在js中,如何在$on(";fileSelected";)之后显示页面上的图像,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,如何在AngularJS中的$on(“fileSelected”)之后显示图像 我正在使用以下选项选择文件: $scope.$on("fileSelected", function (event, args) { debugger; $scope.$apply(function () { $scope.file = args.file; }); 我需要显示带有imgsrc属性的图像。尝试以下操作: var reade

如何在AngularJS中的
$on(“fileSelected”)
之后显示图像

我正在使用以下选项选择文件:

   $scope.$on("fileSelected", function (event, args) {
       debugger;
       $scope.$apply(function () {
           $scope.file = args.file;
       });

我需要显示带有img
src
属性的图像。

尝试以下操作:

    var reader = new FileReader();

    reader.onload = function (e) {
        $('#image').attr('src', e.target.result);
    }

    reader.readAsDataURL(input.files[0]);

试着这样做:

    var reader = new FileReader();

    reader.onload = function (e) {
        $('#image').attr('src', e.target.result);
    }

    reader.readAsDataURL(input.files[0]);
var reader=new FileReader();reader.onload=函数(e){$('#image').attr('src',e.target.result)}reader.readAsDataURL(index.file);var reader=new FileReader();reader.onload=函数(e){$('#image').attr('src',e.target.result)}reader.readAsDataURL(index.file);