如何使用流星/ javascript從URL獲取圖像

Question

我是流星的新手用戶。 我正在使用文件選擇器API，我可以輕松地將文件上傳到該服務器，並且它們會給我一個唯一的URL作為回報。 當再次需要獲取該文件時，這給我帶來了麻煩。

您可以通過使用filepicker api告訴我如何使用該URL取回文件。 您可以通過流星告訴我如何使用該URL並獲取圖像。當我將圖片上傳到filepicker.io時，它們將返回一個json對象，如下所示

[{"url":"https://www.filepicker.io/api/file/kIrtNvQRta7GxlFVfiP2","filename":"brazil.jpg","mimetype":"image/jpeg","size":2660,"key":"ZML3OjrFTVyV4waBzRIT_brazil.jpg","isWriteable":true}]

那么如何在流星上獲取圖像呢？ 先感謝您

Answer 1

普通圖像源應該工作：

<template name="image">
    <img src="{{img}}"/>
</template>

和你的JavaScript給它的URL

Template.image.img = function() {
    var yourfilepickerjson = [{"url":"https://www.filepicker.io/api/file/kIrtNvQRta7GxlFVfiP2","filename":"brazil.jpg","mimetype":"image/jpeg","size":2660,"key":"ZML3OjrFTVyV4waBzRIT_brazil.jpg","isWriteable":true}]

    return yourfilepickerjson[0] && yourfilepickerjson[0].url;
}

您可以通過Session對象傳遞filepickerjson，以便在獲取它后立即反應