how to upload image using ajax code example
Example 1: upload image ajax demo
$(document).ready(function(){
$("#but_upload").click(function(){
var fd = new FormData();
var files = $('#file')[0].files[0];
fd.append('file',files);
$.ajax({
url: 'upload.php',
type: 'post',
data: fd,
contentType: false,
processData: false,
success: function(response){
if(response != 0){
$("#img").attr("src",response);
$(".preview img").show();
}else{
alert('file not uploaded');
}
},
});
});
});
Example 2: jquery ajax upload image
$(function() {
$("#imagepicker").change(function(e) {
e.preventDefault();
var file_data = $(this).prop('files')[0];
var form_data = new FormData();
form_data.append('file', file_data);
form_data.append('action', 'ajax_image_upload');
$.ajax({
url: 'upload.php',
type: 'post',
contentType: false,
processData: false,
data: form_data,
success: function(response) {
console.log(response);
},
error: function(response) {
console.error(response.responseText);
}
});
});
});
Example 3: Upload image via ajax (jquery)
var form = new FormData();
form.append('varName','data');
$.ajax({
type:'POST',
url: $(this).attr('action'),
data:formData,
cache:false,
contentType: false,
processData: false,
success:function(data){
},
error: function(data){
}
});