如何将 img 正确上传到 firebase 存储（javascript）？

Question

我在将图像上传到 firebase 存储时遇到问题，即使所选文件是 100mb 文件，它也会不断将 9B 文件上传到存储。 它显示进度为NaN% ，一旦我成功将图像上传到 firebase 存储但现在我在这里失败的是代码，

const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
const storage = getStorage();

var picker = document.getElementById('img');

picker.onchange = function(){
var file = window.URL.createObjectURL(picker.files[0]);
var filename = picker.files[0].name;
const storageRef = ref(storage, 'icons/' + filename);

// 'file' comes from the Blob or File API
uploadBytes(storageRef, file).then((snapshot) => {
  console.log('Uploaded a blob or file!');
 });
}

我尝试了很多选项我不知道为什么它不起作用，我想上传图片并下载 url。

Answer 1

您必须将实际文件object 传递给uploadBytes而不是 object URL。尝试：

picker.onchange = function() {
    const file = picker.files[0];
    if (!file) {
      alert("No file selected")
      return
    }
  
    const storageRef = ref(storage, 'icons/' + file.name);

    uploadBytes(storageRef, file).then((snapshot) => {
        console.log('Uploaded a blob or file!');
    }).catch(e => console.log(e));
}

Answer 2

您似乎正在向图像 blob/文件提供 url 而不是传递文件本身。 尝试将第 8 行更改为var file = picker.files[0] 。

如果这不起作用，请在初始化后尝试记录file以确保它存在。