如何使用流星/javascript从url获取图像

【问题标题】：How to get image from url using meteor / javascript如何使用流星/javascript从url获取图像
【发布时间】：2013-07-15 08:04:55
【问题描述】：

我是流星的新手。我正在使用文件选择器 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}]

那么如何获取流星上的图像呢？提前谢谢你

【问题讨论】：

标签： javascript meteor filepicker

【解决方案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，以便在您获得它后立即反应反映

【讨论】：

它只显示相应的图像......我需要在动态上传后显示图像。@Akshat
是的，您可以从Session.get("yourvariablename") 检索yourfilepickerson。只要您使用Session.set("yourvariablename", <jsonresult>) 设置值，它就会自动更新。