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

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.

Collectives™ on Stack Overflow

Upload file on server with JS only

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related