Tapas Adhikary
Educator @tapaScript | Founder CreoWis & ReactPlay - Writer - YouTuber - Open Source
Introduction The ability to upload files is a key requirement for many web and mobile applications. From uploading your photo on social media to post your resume on a job portal website, file upload is everywhere. As a web developer, we must know tha...
blog.greenroots.info15 min read
This article has helped me to How to get full path of uploaded file in html using JavaScript. This website and this kodlogs.net/234/how-to-get-full-path-of-uploaded-… website came in handy when I think about it. Thanks to the website authorities
That's Great! Thank you so much and please keep sharing like these contents.
Hey Tapas thanks for sharing!
I'm trying to recreate the very first simple file upload using your code, but getting like 5 console.logs instead of 1??
Am I doing something wrong?

The code: const fileUploader = document.getElementById('file-uploader');
fileUploader.addEventListener('change', (event) => {
const files = event.target.files;
console.log('files', files);
});
Thanks for this article. I've a question. How do we monitor file upload progress if we use URL.createObjectURL()
Awesome work. Kudos Brother. Very Informative
Awesome overview! Thanks for sharing ✨
Superb! I'm definitely saving this. Thanks for sharing!
Informative content... But what about back end process of uploading a file. Can it be achieved only through php or is there some other efficient way too?
Tapas Adhikary Excellent article. Bookmarked immediately after reading it.
I especially liked #9 and #10. I didn't know that we could do drag and drop using native HTML and vanilla JS. I would definitely try to look for native solutions for my problems from next time. Thanks for this article.
Christopher Norris
good game, good choice
This is information that is both great and helpful.