Загрузите обрезанное изображение с помощью плагина cropper.js и jQuery

Я использую cropper.js, чтобы обрезать изображение. Обрезка и отображение работает хорошо.

Теперь я хочу загрузить изображение с помощью Ajax JQuery в каталог / загрузки (разрешения установлены правильно)

Проблема: изображение не загружено, на самом деле ничего не происходит.

croppedCanvas = $image.cropper('getCroppedCanvas', {
width: 320,
height: 320,
});

croppedCanvas.toBlob(function (blob) {
var form_data = new FormData();
form_data.append('croppedCanvas', blob);

$.ajax('upload.php', {
type: "POST",
data : form_data,
contentType: false,
cache: false,
processData:false,
mimeType:"multipart/form-data"}).done(function(res) {
console.log('Upload success');
});
});'

Вместо

$.ajax('upload.php', {
type: "POST",

Я также пытался загрузить напрямую (как рекомендуется на https://github.com/fengyuanchen/cropper

$.ajax('/uploads', {
type: "POST",

но ни изображение не загружено, ни мой php-скрипт «upload.php» не выполняется.

Тем не менее, консоль говорит: «Успешная загрузка»

2

Решение

Задача ещё не решена.

Другие решения

Других решений пока нет …