Javascript AngularJS上传模块:上传前如何访问文件url?

Javascript AngularJS上传模块:上传前如何访问文件url?,javascript,jquery,html,css,angularjs,Javascript,Jquery,Html,Css,Angularjs,我正在使用angular file upload(),目前正在尝试在保存之前访问上传的文件url(因此我可以将其用作背景图像)。我知道你可以很容易地创建一个文件的缩略图,但是我在访问url时遇到了一些问题,因此我可以将其用作背景图像(因为我想定位图像,而不是像缩略图那样缩放并显示整个图像) 因此,我可以访问图像以获取缩略图: <div ng-repeat="item in uploader.queue"> <div ng-thumb="{ file: item._file,

我正在使用angular file upload(),目前正在尝试在保存之前访问上传的文件url(因此我可以将其用作背景图像)。我知道你可以很容易地创建一个文件的缩略图,但是我在访问url时遇到了一些问题,因此我可以将其用作背景图像(因为我想定位图像,而不是像缩略图那样缩放并显示整个图像)

因此,我可以访问图像以获取缩略图:

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

但这不起作用(我假设是因为item.\u文件是实际图像,背景图像需要url)



语法方面,我知道ng样式很好,因为我尝试用公共url替换了上面的项目。\ u文件,样式按预期工作。我还尝试用item.url替换item.\u文件,因为url是它的一个属性,而且url显然是空的,所以不起作用。关于如何实现这一点或其他解决方案,有什么想法吗

为什么不先上传图像,然后通过回调函数将其设置为背景
。然后()。您尝试了哪些,结果如何?在AddingFile之后,尝试访问该对象中的键,url是其中之一,但当我返回它时,url为null
<div ng-repeat="item in uploader.queue">
  <div class="row" ng-style="{'background-image':'url({{item._file}})'}"> 
</div>