How to upload Image file using AJAX and jQuery

[@oldguy8177able]

thank you mate,code worked first time,very clear and concise

[@clementechs]

thanks brother it was very usefull

[@makitweb]

Glad it helped

[@beto2265]

muchas gracias, buen video

[@makitweb]

De nada.

[@umangternate]

How to write the value of URL (in ajax script) if the files are not in the same folder? For example, if the jscript is in a different folder but is included in the index.php and the upload.php is also in a different folder, how to write the url value in the javascript/ajax code?

[@MrAersth]

who can i send fd(file), and other values, input text value for example, i try this data: {fb, input value}, whitout results. nice video

[@makitweb]

Append the other values in FormData object like this -
var name = "Yogesh";
var city = "Bhopal";
fd.append('file',files[0]); // File
fd.append('name',name); // Name
fd.append('city',city); // City
In the PHP file read name and city using POST.
$name = $_POST['name'];
$city = $_POST['city'];

[@MrAersth]

@@makitweb Thanks, u are my hero now, you have not idea how many days try to resolve this, i have only one more question, i try to send this radio buttom in the
var var_name = $('input[name=radio_name]=checked', '#form_id').val()
fd.append('var_name', var_name);
, but whitout results, i try like other var but nothing. again THNKS

[@makitweb]

Read the value of radio button like this -
var var_name = $('input[name="radio_name"]:checked').val();
fd.append('var_name', var_name);

[@stb4327]

I have already subscribed and Liked

[@stb4327]

You are amazing!

[@hosseinhasanpouri5407]

this was help me , thank you :)

[@makitweb]

You're welcome!

[@adamfidler9945]

Thankyou. It would be good if you could do image upload with text to my sqltoo.

[@musiclovers8488]

So simple ... neat and clean code ... can I ask you something ?

[@arslanazam4542]

Is data also send to db

[@makitweb]

Hi Arslan,
No data is not send to database. You can view this tutorial -th-cam.com/video/4dU1yS6iwGI/w-d-xo.html
to know how to save image to database.

[@abimbolaoladunni1725]

Very helpful video Mr. Yogesh Singh. What if I want to upload both image and video file

[@makitweb]

Hi Abimbola,
You have to add video file extensions in the $valid_extensions Array.

[@carlosvieirax5]

How can i send fd+string? (data: fd, id,)

[@makitweb]

Hi Carlos,
You need to append data to FormData object for sending value to AJAX file.
Example -
fd.append(name,'Yogesh');
fd.append('city','bhopal');.
Here, fd is the FormData object.

[@aacv]

not working on android

[@stepone3040]

Working good thanks

[@makitweb]

You're welcome.

[@donnfredericklucas9705]

Sakeeet

[@emmanuelsiziba5142]

nice

[@АянЖанганысов-б5в]

братан хотя бы временами проверяй работает ли твой код