Firebase Web/将文件上载到Firebase存储不工作
我在YouTube上观看了“网上Firebase存储入门”。我把它应用到我的代码中,它工作得非常好。但我希望上传步骤与选择文件步骤分开。所以我创建了upload按钮,并在按钮中添加了事件侦听器。(因此,我基本上将视频中的代码分为两个事件侦听器函数,因为我同样希望选择一个文件并将文件上载到两个单独的操作中) 我真的不明白为什么它不起作用。它不会在我的日志控制台上给我任何错误。有谁能告诉我为什么这不起作用,我怎么能解决这个问题?多谢各位Firebase Web/将文件上载到Firebase存储不工作,firebase,web,firebase-storage,addeventlistener,Firebase,Web,Firebase Storage,Addeventlistener,我在YouTube上观看了“网上Firebase存储入门”。我把它应用到我的代码中,它工作得非常好。但我希望上传步骤与选择文件步骤分开。所以我创建了upload按钮,并在按钮中添加了事件侦听器。(因此,我基本上将视频中的代码分为两个事件侦听器函数,因为我同样希望选择一个文件并将文件上载到两个单独的操作中) 我真的不明白为什么它不起作用。它不会在我的日志控制台上给我任何错误。有谁能告诉我为什么这不起作用,我怎么能解决这个问题?多谢各位 var uploader=document.getElemen
var uploader=document.getElementById('uploader');
var fileButton=document.getElementById('fileButton');
var uploadButton=document.getElementById('uploadButton');
var文件;
fileButton.addEventListener('change',函数(e){
file=e.target.files[0];
});
uploadButton.addEventListener('click',函数(e){
var fileName=file.name;
var storageRef=firebase.storage().ref('images/'+文件名);
var task=storageRef.put(文件);
task.on('state_changed',
功能进度(快照){
变量百分比=(snapshot.bytesttransfered/snapshot.totalBytes)*100;
uploader.value=百分比;
},
函数错误(err){
},
函数完成(){
}
);
window.alert(“上传完成”);
});
如您所见,文档在回调中不使用命名函数,如何将它们转换为匿名函数
另外,如果您没有在错误回调上使用console.log()
,如何确保没有错误
请记住,如果控制台方法不处理任何错误,那么控制台将不会显示任何错误
在回调内部,例如,您的意思是将函数进度(快照)更改为函数(快照)?是的,我不希望100%有效,但值得尝试,另一件事是将
控制台.error()添加到error函数中