создать эскиз не работает в angular с помощью Dropzone - PullRequest
Новая
       13

создать эскиз не работает в angular с помощью Dropzone

0 голосов
/ 25 апреля 2020

Я использую ngx-dropzone-wrapper в angular 8, и я могу загрузить изображение с помощью этого пакета, но когда я пытаюсь загрузить изображение в режиме редактирования, миниатюра отображается неправильно.

вот мои настройки конфигурации 

config: DropzoneConfigInterface = {
    url: AppConsts.remoteServiceBaseUrl + '/Assets/UploadAssetsImage',
    maxFilesize: 50,
    acceptedFiles: 'image/*',
    uploadMultiple: false,
    maxFiles:2,
    addRemoveLinks:true,
    createImageThumbnails:true
};

вот мои события инициализации, когда я пытался загрузить изображение 

onInit($event): void {
   const mockFile = {
      name: "tlv2go-logo-500x500.jpg",
      size: 12345,
      kind: 'image',
      accepted: true,
      dataURL: `http://dev.app.fieldsaver.io/assetsImages/1cf7de42-7248-4ee9- 
                b5f2-4f26fe5f135c_tlv2go-logo-500x500.jpg`,
     };

     const dropzoneInstance = $event.previewsContainer.dropzone;
     dropzoneInstance.emit("addedfile", mockFile);
     dropzoneInstance.emit("thumbnail", mockFile, 
                         `http://dev.app.fieldsaver.io/assetsImages/1cf7de42- 
                         7248-4ee9-b5f2-4f26fe5f135c_tlv2go-logo-500x500.jpg` 
                           );

    dropzoneInstance.emit("complete", mockFile);
    dropzoneInstance.files.push(mockFile);

В настоящее время похоже, что уменьшенное изображение совпадает с исходным изображением

Пожалуйста, проверьте этот скриншот: https://www.screencast.com/t/06eoQGlkt

...