ngx-image-cropper Выходной файл свойств с неопределенным именем - PullRequest
0 голосов
/ 03 октября 2018

Я использую ngx-image-cropper , чтобы обрезать изображение в моем угловом приложении.Я использую свойство Output, возвращающее «File» (imageCroppedFile), чтобы иметь возможность получить обрезанное изображение.Мне нужно, чтобы обрезанное изображение имело имя файла, чтобы я мог перебирать файлы на внутреннем интерфейсе, используя атрибут name, хотя по умолчанию он не определен.Как я могу дать ему имя?Я попробовал следующее: На FormData

var formData:any = new FormData();
console.log('The number of files is '+files.length);//Logs the number of files is 1

for(var i=0; i<files.length;i++) {
  formData.append("uploads[]", files[i].name, 'image'+i);
  console.log('File name '+ i + ' ' +files[i].name);//Logs File name 0 undefined
}

и на методе, вызванном кадрированием

imageCroppedFile(image: File) {
  this.filesToUpload = [];
  console.log('imageCroppedFile method '+image.name+ ' size is '+image.size);// Logs imageCroppedFile method undefined size is 380284
  this.filesToUpload[0]=image;
  console.log('The filesToUpload is '+this.filesToUpload[0].name);// Logs The filesToUpload is undefined
}

Загрузчик работает без обрезки.

1 Ответ

0 голосов
/ 03 октября 2018

преобразуйте файл в BLOB-объект, и вы можете назвать свой BLOB-объект самостоятельно

const blobImage = file as Blob;

Ссылка: https://github.com/Mawi137/ngx-image-cropper/issues/91#issuecomment-422252629

...