Firebase Web的小功能分享 (1)

由於很多人都写了要怎麽创建专案、开启专案,这边就来分享一下我写的一些小功能:

  • 上传档案後制作超连结下载档案 - 上传档案code
//一次传多个档案,用for回圈算档案数量
for(var i = 0;i<event.target.files.length;i++){
      var file = event.target.files[i];
      var path = file.name;
      var storageReference = firebase.storage().ref(你的存放处);
      const task = storageReference.put(file);
      //到这边就把档案放进去了,下面的是用一个progress查看上传进度,不需要可以直接不加。
      
      var num=1;
      task.on("state_changed",
      function progress(snapshot) {
        msg.textContent = "上传中,请稍後...("+num+"/"+event.target.files.length+")";
        let uploadValue = snapshot.bytesTransferred / snapshot.totalBytes * 100;
        uploader.value = uploadValue;
        document.getElementById("某个按钮").disabled = true; 
        //没上传完之前某个按钮不给按
      },
      function error(err) {
        msg.textContent = "上传失败";
      },
      function complete() {
        msg.textContent = "上传成功("+num+"/"+event.target.files.length+")";
        if(num != event.target.files.length){
          num++; //计算已经成功上传第几个档案
        }
        else{
          document.getElementById("某个按钮").disabled = false; 
          //没上传完之前某个按钮不给按,因为这边已经完成了所以可以按了
        }
      }

      );
    }

文章...深度学习已经写到目前上课进度ㄌ...凑一下篇数qq


<<:  课堂笔记 - 深度学习 Deep Learning (19)

>>:  Story Telling - 简易有效的讨论

Chapter2 - Canvas动画(II)用国中数学拆解Ease-out和Ease-in

如何计算每一侦的位移 首先我们改写一下昨天的格式,还记得昨天我们用到的是这样的写法: cursorX...

每日挑战,从Javascript面试题目了解一些你可能忽略的概念 - Day30

tags: ItIron2021 Javascript 前言 终於最後一天啦,实际上写了几篇之後我就...

Cloud Monitor

Cloud Monitor 如果使用了GCP平台,要如何捕捉以及监控错误,我想大概多半会使用Clo...

利用JavaScript 连接Google Calendar与MySQL,同步编辑删除事件

为了将 Google Calendar 与 MySQL 事件同步需要建立 Google Api 与本...

Day 25 [Python ML、资料清理] 处理遗失值

一开始要先看资料 # modules we'll use import pandas as pd i...