Upload file on server with JS only

Question

I'm looking for a method to Upload a file on my server using Javascript only. I've already tried some method with formData that I found on the forum, but nothing works.

var fileChoose = document.getElementById('file-select');

form.onsubmit =  async function(event) {
event.preventDefault();


// Récupère le fichier sélectionné
var files = fileChoose.files;

// Création d'un objet FormData
var formData = new FormData();
var req = new XMLHttpRequest();
filesConfig = files[0]; // Ajoute le fichier dans une variable

formData.append('fileLoad', filesConfig);

try {
  let r = await fetch('./Files', {method: "POST", body: formData});
  console.log("HTTP response code:",r.status);
  console.log(r);
} catch(e) {
  console.log("Il y'a une erreur...: ", e);
}

This method tells me that the file is successfully sent, but I can't find the file on my server.

Any idea?

Cheers.

PaulS · Accepted Answer · 2020-02-03 08:49:37Z

2

JavaScript is Client-Side. You will not be able to upload files to a Server with it. You would need a Server-Side language, such as PHP.

Article on Client vs Server Side

answered Feb 3, 2020 at 8:49

PaulS

9684 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jeremy Thille Over a year ago

.......or Javascript...... (Node.js) This answer is wrong IMO

Refat Alsakka · Accepted Answer · 2020-02-03 09:02:19Z

1

You have to use Ajax.

How to make Ajax Request

Ajax can call a function from the Server-Side language without loading the page.

So you write the function in your Server-Side language than pass the date via Ajax to the function.

answered Feb 3, 2020 at 9:02

Refat Alsakka

5512 silver badges12 bronze badges

Collectives™ on Stack Overflow

Upload file on server with JS only

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related