无法将图像上传到firebase存储VueJs

hxzsmxv2  于 2023-02-09  发布在  Vue.js
关注(0)|答案(1)|浏览(135)

我正在为我的商店创建一个站点,同时学习Vue js。我被困在上传产品图片到firebase的部分。我知道storageref.put不是一个函数。我使用的是Vue js 3和firebase 9。

uploadImage(e) {
      const file = e.target.files[0];
      const storage = getStorage();
      const storageRef = storageReference(storage, 'products/' + file.name);
      storageRef.put(file);
    }
km0tfn4u

km0tfn4u1#

您提供的此语法适用于firebase版本8。
对于版本9

import { getStorage, ref, uploadBytes } from "firebase/storage";

uploadImage(e) {
  const file = e.target.files[0];
  const storage = getStorage();

  // Create a reference to 'mountains.jpg'
  const storageRef = ref(storage, 'products/' + file.name);

  uploadBytes(storageRef, file).then((snapshot) => {
    console.log('Uploaded!');
  });
}

获取更多资源。
https://firebase.google.com/docs/storage/web/upload-files#web-version-9

相关问题