I'm having a hard time figuring out what my error. "{"success":false,"messages":"Error while uploading"}"

product.js

var manageProductTable;

$(document).ready(function() { // top nav bar $('#navProduct').addClass('active'); // manage product data table manageProductTable = $('#manageProductTable').DataTable({ 'ajax': 'php_action/fetchProduct.php', 'order': [] });

// add product modal btn clicked $("#addProductModalBtn").unbind('click').bind('click', function() { // // product form reset $("#submitProductForm")[0].reset();

// remove text-error $(".text-danger").remove(); // remove from-group error $(".form-group").removeClass('has-error').removeClass('has-success');

$("#productImage").fileinput({ overwriteInitial: true, maxFileSize: 2500, showClose: false, showCaption: false, browseLabel: '', removeLabel: '', browseIcon: '', removeIcon: '', removeTitle: 'Cancel or reset changes', elErrorContainer: '#kv-avatar-errors-1', msgErrorClass: 'alert alert-block alert-danger', defaultPreviewContent: '', layoutTemplates: {main2: '{preview} {remove} {browse}'}, allowedFileExtensions: ["jpg", "png", "gif", "JPG", "PNG", "GIF"] });

// submit product form $("#submitProductForm").unbind('submit').bind('submit', function() {

// form validation var productImage = $("#productImage").val(); var productName = $("#productName").val(); var quantity = $("#quantity").val(); var rate = $("#rate").val(); var brandName = $("#brandName").val(); var categoryName = $("#categoryName").val(); var productStatus = $("#productStatus").val(); if(productImage == "") { $("#productImage").closest('.center-block').after('

Product Image field is required

'); $('#productImage').closest('.form-group').addClass('has-error'); } else { // remov error text field $("#productImage").find('.text-danger').remove(); // success out for form $("#productImage").closest('.form-group').addClass('has-success'); } // /else

if(productName == "") { $("#productName").after('

Product Name field is required

'); $('#productName').closest('.form-group').addClass('has-error'); } else { // remov error text field $("#productName").find('.text-danger').remove(); // success out for form $("#productName").closest('.form-group').addClass('has-success'); } // /else

if(quantity == "") { $("#quantity").after('

Quantity field is required

'); $('#quantity').closest('.form-group').addClass('has-error'); } else { // remov error text field $("#quantity").find('.text-danger').remove(); // success out for form $("#quantity").closest('.form-group').addClass('has-success'); } // /else

if(rate == "") { $("#rate").after('

Rate field is required

'); $('#rate').closest('.form-group').addClass('has-error'); } else { // remov error text field $("#rate").find('.text-danger').remove(); // success out for form $("#rate").closest('.form-group').addClass('has-success'); } // /else

if(brandName == "") { $("#brandName").after('

Brand Name field is required

'); $('#brandName').closest('.form-group').addClass('has-error'); } else { // remov error text field $("#brandName").find('.text-danger').remove(); // success out for form $("#brandName").closest('.form-group').addClass('has-success'); } // /else

if(categoryName == "") { $("#categoryName").after('

Category Name field is required

'); $('#categoryName').closest('.form-group').addClass('has-error'); } else { // remov error text field $("#categoryName").find('.text-danger').remove(); // success out for form $("#categoryName").closest('.form-group').addClass('has-success'); } // /else

if(productStatus == "") { $("#productStatus").after('

Product Status field is required

'); $('#productStatus').closest('.form-group').addClass('has-error'); } else { // remov error text field $("#productStatus").find('.text-danger').remove(); // success out for form $("#productStatus").closest('.form-group').addClass('has-success'); } // /else

if(productImage && productName && quantity && rate && brandName && categoryName && productStatus) { // submit loading button $("#createProductBtn").button('loading');

var form = $(this); var formData = new FormData(this);

$.ajax({ url : form.attr('action'), type: form.attr('method'), data: formData, dataType: 'json', cache: false, contentType: false, processData: false, success:function(response) {

if(response.success == true) { // submit loading button $("#createProductBtn").button('reset'); $("#submitProductForm")[0].reset();

$("html, body, div.modal, div.modal-content, div.modal-body").animate({scrollTop: '0'}, 100); // shows a successful message after operation $('#add-product-messages').html('

'+ ''+ ' '+ response.messages + '

');

// remove the mesages $(".alert-success").delay(500).show(10, function() { $(this).delay(3000).hide(10, function() { $(this).remove(); }); }); // /.alert

// reload the manage student table manageProductTable.ajax.reload(null, true);

// remove text-error $(".text-danger").remove(); // remove from-group error $(".form-group").removeClass('has-error').removeClass('has-success');

} // /if response.success } // /success function }); // /ajax function } // /if validation is ok

return false; }); // /submit product form

}); // /add product modal btn clicked

// remove product

}); // document.ready fucntion

function editProduct(productId = null) {

if(productId) { $("#productId").remove(); // remove text-error $(".text-danger").remove(); // remove from-group error $(".form-group").removeClass('has-error').removeClass('has-success'); // modal spinner $('.div-loading').removeClass('div-hide'); // modal div $('.div-result').addClass('div-hide');

$.ajax({ url: 'php_action/fetchSelectedProduct.php', type: 'post', data: {productId: productId}, dataType: 'json', success:function(response) { // alert(response.product_image); // modal spinner $('.div-loading').addClass('div-hide'); // modal div $('.div-result').removeClass('div-hide');

$("#getProductImage").attr('src', 'stock/'+response.product_image);

$("#editProductImage").fileinput({ });

// product id $(".editProductFooter").append(''); $(".editProductPhotoFooter").append(''); // product name $("#editProductName").val(response.product_name); // quantity $("#editQuantity").val(response.quantity); // rate $("#editRate").val(response.rate); // brand name $("#editBrandName").val(response.brand_id); // category name $("#editCategoryName").val(response.categories_id); // status $("#editProductStatus").val(response.active);

// update the product data function $("#editProductForm").unbind('submit').bind('submit', function() {

// form validation var productImage = $("#editProductImage").val(); var productName = $("#editProductName").val(); var quantity = $("#editQuantity").val(); var rate = $("#editRate").val(); var brandName = $("#editBrandName").val(); var categoryName = $("#editCategoryName").val(); var productStatus = $("#editProductStatus").val();

if(productName == "") { $("#editProductName").after('

Product Name field is required

'); $('#editProductName').closest('.form-group').addClass('has-error'); } else { // remov error text field $("#editProductName").find('.text-danger').remove(); // success out for form $("#editProductName").closest('.form-group').addClass('has-success'); } // /else

if(quantity == "") { $("#editQuantity").after('

Quantity field is required

'); $('#editQuantity').closest('.form-group').addClass('has-error'); } else { // remov error text field $("#editQuantity").find('.text-danger').remove(); // success out for form $("#editQuantity").closest('.form-group').addClass('has-success'); } // /else

if(rate == "") { $("#editRate").after('

Rate field is required

'); $('#editRate').closest('.form-group').addClass('has-error'); } else { // remov error text field $("#editRate").find('.text-danger').remove(); // success out for form $("#editRate").closest('.form-group').addClass('has-success'); } // /else

if(brandName == "") { $("#editBrandName").after('

Brand Name field is required

'); $('#editBrandName').closest('.form-group').addClass('has-error'); } else { // remov error text field $("#editBrandName").find('.text-danger').remove(); // success out for form $("#editBrandName").closest('.form-group').addClass('has-success'); } // /else

if(categoryName == "") { $("#editCategoryName").after('

Category Name field is required

'); $('#editCategoryName').closest('.form-group').addClass('has-error'); } else { // remov error text field $("#editCategoryName").find('.text-danger').remove(); // success out for form $("#editCategoryName").closest('.form-group').addClass('has-success'); } // /else

if(productStatus == "") { $("#editProductStatus").after('

Product Status field is required

'); $('#editProductStatus').closest('.form-group').addClass('has-error'); } else { // remov error text field $("#editProductStatus").find('.text-danger').remove(); // success out for form $("#editProductStatus").closest('.form-group').addClass('has-success'); } // /else

if(productName && quantity && rate && brandName && categoryName && productStatus) { // submit loading button $("#editProductBtn").button('loading');

var form = $(this); var formData = new FormData(this);

$.ajax({ url : form.attr('action'), type: form.attr('method'), data: formData, dataType: 'json', cache: false, contentType: false, processData: false, success:function(response) { console.log(response); if(response.success == true) { // submit loading button $("#editProductBtn").button('reset');

$("html, body, div.modal, div.modal-content, div.modal-body").animate({scrollTop: '0'}, 100); // shows a successful message after operation $('#edit-product-messages').html('

'+ ''+ ' '+ response.messages + '

');

// remove the mesages $(".alert-success").delay(500).show(10, function() { $(this).delay(3000).hide(10, function() { $(this).remove(); }); }); // /.alert

// reload the manage student table manageProductTable.ajax.reload(null, true);

// remove text-error $(".text-danger").remove(); // remove from-group error $(".form-group").removeClass('has-error').removeClass('has-success');

} // /if response.success } // /success function }); // /ajax function } // /if validation is ok

return false; }); // update the product data function

// update the product image $("#updateProductImageForm").unbind('submit').bind('submit', function() { // form validation var productImage = $("#editProductImage").val(); if(productImage == "") { $("#editProductImage").closest('.center-block').after('

Product Image field is required

'); $('#editProductImage').closest('.form-group').addClass('has-error'); } else { // remov error text field $("#editProductImage").find('.text-danger').remove(); // success out for form $("#editProductImage").closest('.form-group').addClass('has-success'); } // /else

if(productImage) { // submit loading button $("#editProductImageBtn").button('loading');

var form = $(this); var formData = new FormData(this);

$.ajax({ url : form.attr('action'), type: form.attr('method'), data: formData, dataType: 'json', cache: false, contentType: false, processData: false, success:function(response) { if(response.success == true) { // submit loading button $("#editProductImageBtn").button('reset');

$("html, body, div.modal, div.modal-content, div.modal-body").animate({scrollTop: '0'}, 100); // shows a successful message after operation $('#edit-productPhoto-messages').html('

'+ ''+ ' '+ response.messages + '

');

// remove the mesages $(".alert-success").delay(500).show(10, function() { $(this).delay(3000).hide(10, function() { $(this).remove(); }); }); // /.alert

// reload the manage student table manageProductTable.ajax.reload(null, true);

$(".fileinput-remove-button").click();

$.ajax({ url: 'php_action/fetchProductImageUrl.php?i='+productId, type: 'post', success:function(response) { $("#getProductImage").attr('src', response); } });

// remove text-error $(".text-danger").remove(); // remove from-group error $(".form-group").removeClass('has-error').removeClass('has-success');

} // /if response.success } // /success function }); // /ajax function } // /if validation is ok

return false; }); // /update the product image

} // /success function }); // /ajax to fetch product image

} else { alert('error please refresh the page'); } } // /edit product function

// remove product function removeProduct(productId = null) { if(productId) { // remove product button clicked $("#removeProductBtn").unbind('click').bind('click', function() { // loading remove button $("#removeProductBtn").button('loading'); $.ajax({ url: 'php_action/removeProduct.php', type: 'post', data: {productId: productId}, dataType: 'json', success:function(response) { // loading remove button $("#removeProductBtn").button('reset'); if(response.success == true) { // remove product modal $("#removeProductModal").modal('hide');

// update the product table manageProductTable.ajax.reload(null, false);

// remove success messages $(".remove-messages").html('

'+ ''+ ' '+ response.messages + '

');

// remove the mesages $(".alert-success").delay(500).show(10, function() { $(this).delay(3000).hide(10, function() { $(this).remove(); }); }); // /.alert } else {

// remove success messages $(".removeProductMessages").html('

'+ ''+ ' '+ response.messages + '

');

// remove the mesages $(".alert-success").delay(500).show(10, function() { $(this).delay(3000).hide(10, function() { $(this).remove(); }); }); // /.alert

} // /error } // /success function }); // /ajax fucntion to remove the product return false; }); // /remove product btn clicked } // /if productid } // /remove product function