Image Upload Ajax Jquery February 14, 2023 Post a Comment Im new to jQuery. I try to upload a jpg image file by using ajax method. But when I upload, it doesn't upload. Could anyone please help me to do this? HTML Solution 1: To upload file using ajax you must need to use FormData like below. $("form").on('submit', (function(e) { e.preventDefault; var formData = new FormData(this); $.ajax({ url : "upload.php", type : "POST", data : formData, cache : false, contentType : false, processType : false, success : function(data) { alert(data); } }); })); Copy And your PHP script should be like below. Baca JugaPrevent Others From Calling Your Json Web ServiceBad Quality For 100% Both Width And Height Of CanvasJquery Nested Functions Not Working <?php $image=$_FILES['image']; $image_tmp =$_FILES['image']['tmp_name']; $imagename=date("d-m-Y")."-".time().".jpg"; $target_path = "uploads/".$imagename; if(move_uploaded_file($image_tmp, $target_path)) { echo 'moved'; } else { echo 'error'; } ?> Copy Share You may like these postsGet Invalid Html Code In Curly Brackets With JqueryInterference In .innerhtml Output Triggers.on('input') Dynamic Updates And AdditionsDynamically Add Referenced Stylesheet To Inline Styles Post a Comment for "Image Upload Ajax Jquery"
Post a Comment for "Image Upload Ajax Jquery"