Есть cropper:
var image = document.getElementById('cropImage');
if (cropper) { cropper.destroy(); }
cropper = new Cropper(image, {
aspectRatio: 268 / 249,
dragMode: 'none',
autoCropArea: 1,
movable: false,
rotatable: false,
scalable: false,
zoomable: false,
background: false,
viewMode: 3
})
Его результат:
var cropData = cropper.getData(true);
Как его передать в контроллер. Пробовал
formData.append("image", cropData);var formData = new FormData();
formData.append("image", files[0]);
formData.append("image", cropData);
var MyAppUrlSettings = {
MyUsefulUrl: '@Url.Action("ImageCreate", "Home")'
}
var request = new XMLHttpRequest();
request.open('POST', MyAppUrlSettings.MyUsefulUrl);
request.onload = function(e) {
if (requestreadyState === 4) {
if (request.status === 200) {
// тут установить src для картинки
} else {
console.error(request.statusText);
}
}
};
request.send(formData);
Не получается. В контроллер приходит null, т.е.
crop=nullActionResult ImageCreate(HttpPostedFileBase image, HttpPostedFileBase crop)
{
...................................................
}
Может кто подскажет почему это происходит и что надо сделать. Заранее благодарен за помощь.