- 本文是Client-side image compression with Supabase Storage的灵感, Michael Esteban
要使用Compressor.js将图像上传到Firebase,您可以使用以下步骤:
-
使用NPM安装Compressor.js库:NPM安装Compressor.js。
-
在您的javascript文件中导入库:从'compressor.js'';。
导入压缩机
-
使用压缩机对象压缩图像文件。例如:
const fileInput = document.getElementById('file-input');
const file = fileInput.files[0];
compressor.compress(file, options).then((compressedFile) => {
// The image is now compressed and ready for upload.
// step 4 code here.
});
- 使用Firebase存储API将压缩图像上传到您的Firebase项目。您将需要提供Firebase项目的存储存储桶URL,并引用您要上传的文件。例如:
// Get a reference to the storage service, which is used to create references in your storage bucket
// Create a storage reference from our storage service
const storageRef = firebase.storage().ref();
// Create a reference to the file we want to upload
const fileRef = storageRef.child('images/my-image.jpg');
// Use the `put` method to upload the file to Firebase
fileRef.put(compressedFile).then((snapshot) => {
// The image has been successfully uploaded to Firebase.
console.log('Uploaded a file!');
});
在此示例中,' compressedfile '是要上传到firebase的文件。此代码将将文件上传到您的firebase储物桶中的图像目录。