上呈现变化

图像是有我来呈现我angularjs选择的图像... 怎么样，你在这里计算器上传图片的方式......当你选择一个画面的画面将首先呈现，然后才能上传...上呈现变化

我真的很新的这如此容忍我..

控制器

$scope.uploadFile = function(parameter){ 
    console.log(parameter[0]); 
    $scope.profilePic = parameter[0]; 
};

HTML

<div class="row"> 
    <div class="col-md-12"> 
     <img src="{{profilePic}}" class="img-responsive img-thumbnail"/> 
    </div> 
</div> 
<div class="row"> 
    <div class="col-md-12"> 
     <input type="file" name="image_path" class="form-control" onchange="angular.element(this).scope().uploadFile(this.files)" /> 
    </div> 
</div>

也有使用ng-change它给了我一个错误..匿名函数错误的问题..

来源

2016-04-15 Sam Teng Wong

使用ng-src代替src在

<img ng-src="{{profilePic}}" class="img-responsive img-thumbnail"/>

ng-src会暂停图像源分配，直到图像可用

检查这个plnk它的工作你想要的方式，希望它有助于

我刚才说一个readURL(input)功能，它使用FileReader和转换上传图像到它的可读格式

来源

2016-04-15 07:48:42 manish

但是我怎么能通过它从控制器？...我的函数'uploadfile'不允许我改变'profilePic'的值.. –

和一件事是.. 。当我试图选择一个图片它并没有给我任何路径... –

我不使用不看到ü ng-changeü使用<input type="file" name="image_path" class="form-control" onchange="angular.element(this).scope().uploadFile(this.files)" />。你可以尝试改变onchange="angular.element(this).scope().uploadFile(this.files)"到ng-change="uploadFile(this.files)"

来源

2016-04-15 11:42:49

，你可以在我的问题看，我用'NG-change'尝试，但给我一个错误'匿名function' –

回答

相关问题