![](/img/trans.png)
[英]How to limit to upload mulpltiple files using ng-file-upload in Angular.js
[英]Can not set image url into anchor tag using ng-file-upload in Angular.js
我正在使用ngFileUpload
從驅動器上傳圖像,我需要將該選定的圖像綁定到錨標記中。 這是我的代碼:
<div ng-repeat="mul in mulImage">
<input type="file" class="filestyle form-control" data-size="lg" name="upload_{{$index}}" id="bannerimage_{{$index}}" ng-model="mul.image" ngf-pattern="'image/*'" accept="image/*" ngf-max-size="2MB" ngf-select="onFileSelect1($index);">
<a href="mul.image" data-spzoom data-spzoom-width="400" data-spzoom-height="400"><img ngf-thumbnail="mul.image" name="pro" id="imgBig" border="0" style="width:32px; height:32px; border:#808080 1px solid;" ng-if="mul.image !=null"></a>
</div>
在這里,當用戶從驅動器中選擇任何圖像時,它會使用img ngf-thumbnail
顯示,但在這里我需要同時在a href=""
設置特定圖像 URL。 我做了一些事情,但沒有按預期工作。
在 HTML 中:
<div ng-repeat="mul in mulImage">
<input type="file" ng-model="mul.image" ng-change="getFileUrl(mul)">
<a href="mulImage[mulImage.indexOf(mul)].imageLink"></a>
</div>
在控制器中:
$scope.getFileUrl = function(image) {
var reader = new FileReader();
reader.readAsDataURL(image.image);
reader.onload = function () {
$scope.mulImage[mulImage.indexOf(image)].imageLink = reader.result;
};
}
您應該使用<a ng-href="mul.image"
而不是<a href="mul.image"
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.