在将图像上传到 Firebase 之前调整其大小

Question

Firebase 存储看起来非常酷且易于使用，但我想知道是否有办法在将图像上传到 Firebase 存储之前调整其大小，例如，在服务器中使用 ImageMagick 运行进程，然后使用Firebase SDK，但我注意到 Firebase SDK Server 没有存储功能。

Answer 1

使用 JavaScript 客户端处理调整大小

我们正在使用 JavaScript 调整大小，它使用客户端设备处理能力来调整图像大小，效果很好，为我们节省空间和金钱，节省网络不必要的带宽，并为客户端节省大量在大多数移动案例中，时间和金钱也是如此。

我们使用的原始脚本came from here，使用过程很简单：

<input type="file" id="select">
<img id="preview">
<script>
document.getElementById('select').onchange = function(evt) {
    ImageTools.resize(this.files[0], {
        width: 320, // maximum width
        height: 240 // maximum height
    }, function(blob, didItResize) {
        // didItResize will be true if it managed to resize it, otherwise false (and will return the original file as 'blob')
        document.getElementById('preview').src = window.URL.createObjectURL(blob);
        // you can also now upload this blob using an XHR.
    });
};
</script>

我相信那个人 (dcollien) 值得很多优点，所以我建议你投票支持他的答案。

Answer 2

您还可以使用 Firebase Storage + Google Cloud Functions 上传图片、调整图片大小（使用 ImageMagick 或类似工具），然后将其写回 Firebase Storage。

我有一个将这些一起使用的示例here（尽管我触发了Cloud Vision API，而不是图像调整器）。

附注：Firebase 存储没有 Node.js 客户端，我们建议使用 GCloud-Node 库。