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

image upload using jquery ajax

Add Answer

Md. Nazmul islam answered on September 5, 2021 Popularity 9/10 Helpfulness 4/10

answer image upload using jquery ajax

related ajax form picture upload

related ajax upload image

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 javascript jquery-ajax using

Link to this answer
Share Copy Link

Contributed on Jun 27 2022

Md. Nazmul islam

0 Answers Avg Quality 2/10

Closely Related Answers

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

Link to this answer
Share Copy Link

Contributed on Oct 13 2021

Jittery Jaguar

0 Answers Avg Quality 2/10

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

Contents

More Related Answers

image upload using jquery ajax

Closely Related Answers

ajax form picture upload

ajax upload image

Grepper

Documentation

Social

Legal

Contact

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