以角度显示CollectionFS图像

Question

在我的Angular控制器中检索存储在GridFS (通过CollectionFS)中的图像时遇到了问题。我订阅了流星图片：

$scope.images = $meteor.collectionFS(Images, false, Images);

然后我将它们上传到数据库(这是有效的)

$scope.uploadFile = function (files) {
    if (files.length > 0) {
        $scope.images.save( files[ 0 ] ).then( function( result ) {
            $scope.temp_winery.logo_src = result[ 0 ]._id._id;
        });
    }
};

但我希望能够在我的模板中显示它们...似乎没有办法获得我想在控制器=(中调用.url()的文件对象。任何帮助、想法或建议都将不胜感激。

Answer 1

阿列克

上传到GridFs后，需要几秒钟的时间才能看到图片。更好的选择是首先显示来自本地系统的图像。

FS.Utility.eachFile(事件，函数(文件){ //var文件= !!this.files？this.files：[]；//if (!files.length || !window.FileReader) return；//未选择文件，或不支持图像测试；if (/^ FileReader /.selectedFile=file( file.type)){ //仅图像文件变量读取器=新的FileReader()；//文件的实例读取// er reader.readAsDataURL(文件)；//读取本地文件

            reader.onloadend = function(e){ // set image data as background of div
                $('#productImage').attr('src', e.target.result);
            // $("#imagePreview").css("background-image", "url("+this.result+")");
            }
        }
    });