Мне нужна помощь. У меня есть один значок изображения, когда пользователь выберет этот значок, откроется диалоговое окно файла, и пользователь выберет изображение. После выбора изображения изображение должно отображаться на этом значке изображения. Я объясняю свой код ниже.
<div class="image-upload">
<label for="bannerimage">
<img src="{{attachImage}}"/>
</label>
<input type="file" data-size="lg" name="bannerimage" id="bannerimage" ng-model="file" ngf-pattern="'image/*'" accept="image/*" ngf-max-size="2MB" ngf-min-height="100" ngf-resize="{width: 100, height: 100}" custom-on-change="uploadFile" required="required" ngf-select="onFileSelect($file);" ngf-multiple="true">
</div>
мой боковой код контроллера приведен ниже.
$scope.attachImage="upload/logo.png";
$scope.uploadFile = function(event){
console.log('event',event.target.files);
var files = event.target.files;
for (var i = 0; i < files.length; i++) {
var file = files[i];
var reader = new FileReader();
reader.onload = $scope.imageIsLoaded;
reader.readAsDataURL(file);
}
};
$scope.imageIsLoaded = function(e){
$scope.$apply(function() {
//var data={'image':e.target.result};
// $scope.stepsModel.push(data);
//$scope.myImage=e.target.result;
$scope.attachImage='';
$scope.attachImage=$scope.myImage;
});
});
Здесь мне нужно, когда пользователь выберет изображение, которое будет отображаться на этом конкретном значке изображения. Пожалуйста, помогите мне.
ngf-thumbnail
или 'ngf-src'. На странице github и демонстрационной странице есть множество примеров.ngf-thumbnail
изменит размер изображения до меньшего размера, если выбранное вами изображение слишком велико и может привести к сбою браузера. - person danial   schedule 13.01.2016