Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/firebase/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Firebase Web/将文件上载到Firebase存储不工作_Firebase_Web_Firebase Storage_Addeventlistener - Fatal编程技术网

Firebase Web/将文件上载到Firebase存储不工作

Firebase Web/将文件上载到Firebase存储不工作,firebase,web,firebase-storage,addeventlistener,Firebase,Web,Firebase Storage,Addeventlistener,我在YouTube上观看了“网上Firebase存储入门”。我把它应用到我的代码中,它工作得非常好。但我希望上传步骤与选择文件步骤分开。所以我创建了upload按钮,并在按钮中添加了事件侦听器。(因此,我基本上将视频中的代码分为两个事件侦听器函数,因为我同样希望选择一个文件并将文件上载到两个单独的操作中) 我真的不明白为什么它不起作用。它不会在我的日志控制台上给我任何错误。有谁能告诉我为什么这不起作用,我怎么能解决这个问题?多谢各位 var uploader=document.getElemen

我在YouTube上观看了“网上Firebase存储入门”。我把它应用到我的代码中,它工作得非常好。但我希望上传步骤与选择文件步骤分开。所以我创建了upload按钮,并在按钮中添加了事件侦听器。(因此,我基本上将视频中的代码分为两个事件侦听器函数,因为我同样希望选择一个文件并将文件上载到两个单独的操作中)

我真的不明白为什么它不起作用。它不会在我的日志控制台上给我任何错误。有谁能告诉我为什么这不起作用,我怎么能解决这个问题?多谢各位

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函数中