Firebase存储 - 图像服务的URL

时间:2016-06-08 10:33:23

标签: firebase cloudinary firebase-storage

我正在尝试让Firebase存储与ImgixCloudinary等图像服务一起使用。但是,Firebase提供的下载URL似乎不适用于这些服务。

例如: Cloudinary 表示您可以像这样获取图片:

http://res.cloudinary.com/demo/image/fetch/ http://upload.wikimedia.org/wikipedia/commons/0/0c/Scarlett_Johansson_C%C3%A9sars_2014.jpg

但是,我的下载网址看起来更像是这样:

https://firebasestorage.googleapis.com/v0/b/project-503247351211329470.appspot.com/changedsoitdoesnotwork/o/O8Hv4nKOyGgcCyOLoVLH7cQw48y2%2Fimages%2F1.jpeg?alt=media&token=28eabf76-f85b-45aa-das3-fd945729d7c2

我在上面的url中更改了一些字符,所以它不起作用,因为我不想要来自Stackoverflow的大量请求。 :)

我能做些什么不同的事情吗?我可以直接向Storage Bucket提出请求吗?

2 个答案:

答案 0 :(得分:8)

你绝对可以使用像Imgix或Cloudinary这样的服务和Firebase存储网址 - 这里的问题(99%的情况都是如此)是在获取时使用URL需要进行百分比转义。< / p>

如果我们有以下网址:https://firebasestorage.googleapis.com/v0/b/fir-cloudvisiontest.appspot.com/o/images%2Fimage.jpg?alt=media&token=TOKEN

它需要转义为:https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Ffir-cloudvisiontest.appspot.com%2Fo%2Fimages%252Fimage.jpg%3Falt%3Dmedia%26token%3D61d35caf-b209-485f-8248-a3c2aa717468(是的,它实际上重新转义了转义的百分比编码)。

这将导致Cloudinary网址如下:http://res.cloudinary.com/<your-project>/image/fetch/https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Ffir-cloudvisiontest.appspot.com%2Fo%2Fimages%252Fimage.jpg%3Falt%3Dmedia%26token%3DTOKEN

鉴于网址编码容差的服务差异,您的里程可能会有所不同,因此我建议您使用http://meyerweb.com/eric/tools/dencoder/等工具测试网址,以验证您的图片有效。

答案 1 :(得分:3)

使用任何cloudinary SDK时,您可以使用url()方法创建提取网址。以下示例使用JavaScript SDK

var cl = cloudinary.Cloudinary.new( {cloud_name: "<your cloud>"});
var storageRef = firebase.storage().ref();

storageRef.child('images/image.jpg').getDownloadURL().then(function(url) {
  var cloudinary_url = cl.url(url, {type: "fetch"});
  // Do something with the URL...
  console.log(cloudinary_url);
}

这将确保URL被正确编码。