jQuery File Upload Example

Here's a quick jQuery file upload example. In this example, we take an image file and through a browser have jQuery upload files to Apache. In this example, jQuery uploads files from the Chrome browser to an Apache web server. The key is not just the HTML and jQuery uploader, but also the php component running on the server. The jQuery file uploader sends the image to the php script running on the server, the php app then receives the file and saves it to the client. It's a very quick and easy jQuery file upload example with php and the Apache web server.

[@kazushisakuraba3163]

Hey, I got a question for you. How to make one button for choose and upload file. So when you click choose file, as soon as you choose the file from opened window it automatically uploads to the folder locally?

[@deshanmaduranga6679]

Thank you

[@dayalchandraroy9587]

Code please

[@alexalexveebee3727]

Please, use a propper code editor like VS code

[@cameronmcnz]

I hear ya. I'm an Eclipse user myself. But I try to make things as general as possible for the tutorial. Eclipse might throw off VSCode users. VS code might throw off Eclipse users. At the very least I normally use Notepad++, as at least it color codes HTML and JavaScript. Not sure why my system defaulted to MS Notepad, probably the worst of the bunch.

[@youtok378]

keep going^^

[@cameronmcnz]

I have to. I'm like a shark. If I stop, I die. :)

[@mridulsarker6449]

its not working for me .

[@Dexter101x]

This just doesn't work for me, not going to give it a thumbs down though

[@cameronmcnz]

Thanks for your patience. What server do you have on the backend?

[@Dexter101x]

@@cameronmcnz I use Xampp

[@cameronmcnz]

@@Dexter101x Here's an article I wrote for HTML and Xampp - no JQuery. Maybe try this first? Then once this works, go to JQuery? Sorry, not trying to give you an assignment. :)
www.theserverside.com/blog/Coffee-Talk-Java-News-Stories-and-Opinions/HTML5-PHP-File-Upload-Example-Apache-Server

[@Dexter101x]

@@cameronmcnz copied and pasted it, not working 😒

[@cameronmcnz]

@@Dexter101x Hmm.. Right click on the webpage and select "Inspect." Look for the console tab and see if any errors are listed in the browser's console window. Can you hit localhost:8080 in your browser? Maybe it's localhost:80? Or 127.0.0.1? 127.0.0.1:8080? One of those should open in the browser if Apache is running.