How to upload image on server using ajax jquery?

Question

Actually I'm trying to upload a image on server using ajax jquery?

My Code:-

$(function(){
$('#uploadFile').submit(function(){
var formData = new FormData();
formData.append('file', $('#file')[0].files[0]);
  
  $.ajax({
       url : 'upload.php',
       type : 'POST',
       data : formData,
       success : function(data) {
           console.log(data);
           alert(data);
       }
});
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form id="uploadFile">
<input type="file" id="file" />
<button type="submit">Submit</button>
</form>

Thankyou for your efforts!

Welcome to Stack Overflow! Please take the tour (you get a badge!), have a look around, and read through the help center, in particular How do I ask a good question?. — Lam Tran Duc
– Lam Tran Duc, Commented Dec 21, 2021 at 6:56

Hakim Singh · Accepted Answer · 2021-12-21 06:58:39Z

2

$(function(){
$('#uploadFile').submit(function(){
var formData = new FormData();
formData.append('file', $('#file')[0].files[0]);
    $.ajax({
       url : 'upload.php',
       type : 'POST',
       data : formData,
       contentType: false, // You need to add this
       processData: false,// You need to add this also
       success : function(data) {
           console.log(data);
           alert(data);
       }
});
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form id="uploadFile">
<input type="file" id="file" />
<button type="submit">Submit</button>
</form>

answered Dec 21, 2021 at 6:58

Hakim Singh

361 silver badge2 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mohammad Sajid Choudhary Over a year ago

Now Its working fine... Thanks @Hakim Singh

Collectives™ on Stack Overflow

How to upload image on server using ajax jquery?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related