AngularJS上传器模块:如何在上传之前访问文件URL?

时间:2016-01-13 22:02:13

标签: javascript jquery html css angularjs

我正在使用角度文件上传(https://github.com/nervgh/angular-file-upload/wiki/Module-API)并且目前正在尝试访问上传的文件网址(因此我可以将其用作背景图片)。我意识到您可以轻松创建文件的缩略图,但我在访问网址时遇到问题,因此我可以将其用作背景图像(因为我想要定位图像而不是缩放图像并显示整个图像缩略图会这样做。

所以我可以访问图像以获取缩略图:

<div ng-repeat="item in uploader.queue">
  <div ng-thumb="{ file: item._file, height: 202, width: 376 }"></div>
</div>

但这不起作用(我假设因为item._file是实际图像而背景图像需要网址)

<div ng-repeat="item in uploader.queue">
  <div class="row" ng-style="{'background-image':'url({{item._file}})'}"> 
</div>

语法明智,我知道ng-style很好,因为我尝试用公共URL替换上面的item._file,并且样式按预期工作。我也尝试用item.url替换item._file,因为url是它的一个属性,而url显然是null,因此不起作用。关于如何实现这个或替代解决方案的任何想法?

0 个答案:

没有答案