Breaking News: Grepper is joining You.com. Read the official announcement!

jquery post upload file

Singh99 answered on April 9, 2022 Popularity 8/10 Helpfulness 8/10

answer jquery post upload file

jquery post upload file

Comment

-1

 $(document).ready(function() {
     $('#ProblemUpload').submit(function(e){
         e.preventDefault();
          $('#ProblemUpload').find('button').prop('disabled',true);
            var file_data = $('#fileData').prop('files')[0];   
            var form_data = new FormData();                  
            form_data.append('file', file_data);
            form_data.append('action', 'upload_sheet');
            $('#loaderWapper').slideDown();                         
            $.ajax({
                url: baseUrl+'apis/auth.php', // <-- point to server-side PHP script 
                dataType: 'text',  // <-- what to expect back from the PHP script, if anything
                cache: false,
                contentType: false,
                processData: false,
                data: form_data,                         
                type: 'post',
                success: function(php_script_response){
                    let response = JSON.parse(php_script_response);
                    if(response.status == 'success'){
                        alertify.alert('Data inserted',response.msg );
                        $('#ProblemUpload').trigger('reset');
                    }else{
                        alertify.error(response.msg)
                    }
                    $('#loaderWapper').slideUp();    
                    $('#ProblemUpload').find('button').prop('disabled',false);
                }
            });
     })
 })

Popularity 8/10 Helpfulness 8/10 Language javascript

Source: Grepper

Tags: file javascript jquery-post upload

Link to this answer
Share Copy Link

Contributed on Apr 09 2022

Singh99

0 Answers Avg Quality 2/10

Closely Related Answers

jquery post file input

Comment

const image = $('#form #image').prop('files')[0];

// Creating a form data object
let form_data = new FormData();                  
form_data.append('image', image);
form_data.append('name', 'Andrew');
form_data.append('description', 'Developer');

// Sending the data to the server
$.ajax({
	url: "/upload",
	type: "POST",
	data: form_data,
	contentType: false,
	processData: false,
	success: function (data) {
		console.log("Success!")
	}
});

Popularity 6/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: javascript file input jquery-post inpu

Link to this answer
Share Copy Link

Contributed on Feb 19 2023

adreaskar

0 Answers Avg Quality 2/10

jquery post upload file

Contents

More Related Answers

jquery post upload file

Closely Related Answers

jquery post file input

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.