Ajax Canvas Image и другие переменные

Question

Мое приложение MVC 5, я пытаюсь отправить изображение холста и другие переменные в контроллер, используя:

$("#btnSave1").click(function () {
    var image = document.getElementById("canvas").toDataURL("image/png");
    image = image.replace('data:image/png;base64,', '');
    $.ajax({
        type: 'POST',
        url: '@Url.Action("Save", "Home")',
        data: {
            "imageData" :  image,
            "varx": myvar
        },
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        success: function (msg) {
            alert('Image saved successfully !');
        }
    });
});

Оно не публикуется в контроллере. Однако, если я изменю данные на:

 data: '{ "imageData" : "' + image + '" }',

Это работает! Могу ли я отправить изображение холста и другие переменные в контроллер?

Answer 1

Я удалил

contentType: 'application/json; charset=utf-8',

Все заработало.