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

ajax form picture upload

Add Answer

Jittery Jaguar answered on September 5, 2021 Popularity 9/10 Helpfulness 5/10

answer ajax form picture upload

related ajax upload image

related image upload using jquery ajax

ajax form picture upload

Comment

$("#changeProfilePicForm").submit(function (e) {
    e.preventDefault();
    var $form = $(this);
    $.ajax({
        url: $form.attr('action'),
        type: "POST",
        data:  new FormData($form[0]),
        contentType: false,
        cache: false,
        processData: false,
        success: function (data) {
            console.log(data);
        },
        error: function(data){
            console.log(data);
        }           
    });
}));

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: ajax javascript upload

Link to this answer
Share Copy Link

Contributed on Oct 13 2021

Jittery Jaguar

0 Answers Avg Quality 2/10

Closely Related Answers

ajax upload image

Comment

$(document).ready(function (e) {
    $('#imageUploadForm').on('submit',(function(e) {
        e.preventDefault();
        var formData = new FormData(this);

        $.ajax({
            type:'POST',
            url: $(this).attr('action'),
            data:formData,
            cache:false,
            contentType: false,
            processData: false,
            success:function(data){
                console.log("success");
                console.log(data);
            },
            error: function(data){
                console.log("error");
                console.log(data);
            }
        });
    }));

    $("#ImageBrowse").on("change", function() {
        $("#imageUploadForm").submit();
    });
});

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: ajax-upload ajax

Link to this answer
Share Copy Link

Contributed on Sep 05 2021

Sparkling Seal

0 Answers Avg Quality 2/10

image upload using jquery ajax

Comment

var formData = new FormData();
formData.append('file', $('#myfile')[0].files[0]); // myFile is the input type="file" control

var _url = '@Url.Action("UploadFile", "MyController")';

$.ajax({
    url: _url,
    type: 'POST',
    data: formData,
    processData: false,  // tell jQuery not to process the data
    contentType: false,  // tell jQuery not to set contentType
    success: function (result) {
    },
    error: function (jqXHR) {
    },
    complete: function (jqXHR, status) {
    }
});

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: image-upload image-uplo

Link to this answer
Share Copy Link

Contributed on Jun 27 2022

Md. Nazmul islam

0 Answers Avg Quality 2/10

ajax form picture upload

Contents

More Related Answers

ajax form picture upload

Closely Related Answers

ajax upload image

image upload using jquery ajax

Grepper

Documentation

Social

Legal

Contact

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