上传完成后如何重定向到URL Onclick?

时间:2019-12-17 07:42:59

标签: jquery firebase onclick progress-bar onclicklistener

$("#fileThumbnail").on("change", function(event) {
  selectedFile = event.target.files[0];

});

function uploadThumb() {

  var filename = selectedFile.name;
  var storageRef = firebase.storage().ref('/Thumbs/' + filename);
  var uploadThumb = storageRef.put(selectedFile);

  uploadThumb.on('state_changed', function progress(snapshot){
    var percentage = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
    uploader.value = percentage;

    $('.thumbsubmit-btn').click(function() {
      window.location.href = 'index.html';
      return false;
    });


  }, function(error) {

  }, function () {

  });
}

我试图在单击时重定向到另一个URL,但是上传完成之后。 我怎么做?进度条正在工作,文件也正在上传。 只是不知道如何将重定向添加到我的函数中,以便按钮可以上传文件 然后在上传完成后触发重定向。

1 个答案:

答案 0 :(得分:1)

$("#fileThumbnail").on("change", function(event) {
  selectedFile = event.target.files[0];

});

function uploadThumb() {

  var filename = selectedFile.name;
  var storageRef = firebase.storage().ref('/Thumbs/' + filename);
  var uploadThumb = storageRef.put(selectedFile);

  uploadThumb.on('state_changed', function progress(snapshot){
    var percentage = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
    uploader.value = percentage;

    $('.thumbsubmit-btn').click(function() {
      window.location.href = 'index.html';
      return false;
    });


  }, function(error) {

  }, function () {
window.location.href = "index.html";
  });
}

所以我知道了。刚刚在最后一个函数上添加了 window.location.href =“ index.html”;