上呈現變化

圖像是有我來呈現我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' –

回答

相關問題