Trending News
Home / Web Development / Ajax / PHP AJAX Image Upload

PHP AJAX Image Upload

Hi all,
In this article shows how to upload an image file using PHP and AJAX. In here, we are sending form data to PHP script using ajax(). First we upload the image through PHP form and return success message as AJAX response.

Table Of Content

  1. The HTML
  2. Ajax
  3. Stylesheet/CSS


HTML part is very important part in web development. The <input> tag is specified in HTML part.
For upload image we specify the type=”file” in input tag like: <input type=”file” name=”user_Image” />


Stylesheet/ CSS


Full Code



After uploading image via AJAX, we are loading the image to the target layer in the left side of the above form. So the output will be:


Happy Coding

If anyone has doubts on this topic then please do let me know by leaving comments or send me an email.

Loading Facebook Comments ...
Social Media Auto Publish Powered By :