Image uploading in Firebase shows error

Question

var selectedfile;
function upload()
{
  selectedfile= document.getElementById("file");
  var filename=selectedfile.files.item(0).name;
  var storageRef=firebase.storage().ref('/Images/'+filename);
  var uploadTask=storageRef.put(selectedfile);
  uploadTask.on('state_changed',function(snapshot){},function(errors){},
    function(){
      var downloadUrl=uploadTask.snapshot.downloadUrl;
      console.log(downloadUrl);
    });
}

<input type="file" name="fileid" id="file">
<button onclick="upload();" id="selbt">Upload</button>

While I am trying to upload images to my Firebase Storage it threw my some uncaught exception like:

It is saying invalid argument as 'put'. Can anyone please help in solving this issue.

Declare a form and use the next attribute enctype="multipart/form-data — Gerardo BLANCO
Will answer for more code space but cant really test it with out the firebase dependency — Gerardo BLANCO

Gerardo BLANCO Gerardo BLANCO · Accepted Answer · 2018-01-31T16:47:35

<form method="post" enctype="multipart/form-data">
 <div>
   <label for="file">Choose file to upload</label>
   <input type="file" id="file" name="file" multiple>
 </div>
 <div>
   <button>Submit</button>
 </div>
</form>

Image uploading in Firebase shows error

2 Answers