使用Vue js将文件上传到firebase存储文件夹

czfnxgou  于 2023-08-07  发布在  Vue.js
关注(0)|答案(1)|浏览(101)

我使用的是Vue js 3和Firebase 9。我正在尝试将图像上传到特定文件夹,但遇到了问题。当我这样做时,它将文件重命名为“产品”,并将其上传到主文件夹。

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

字符串
当我这样做时,文件会以其名称出现,但在主文件夹中。

const storageRef = storageReference(storage, file.name);


我如何使它在产品文件夹中以它已有的名称出现?谢谢你,谢谢

icnyk63a

icnyk63a1#

正如您将在文档中看到的,您需要使用ref()方法创建StorageReference,如下所示:

const storageRef = ref(storage, 'products/' + file.name);

字符串
template literals

const storageRef = ref(storage, `products/${file.name}`);

相关问题