Преобразуйте файл blob из tiff в png, чтобы показать его в браузере - PullRequest
Новая
       58

Преобразуйте файл blob из tiff в png, чтобы показать его в браузере

1 голос
/ 05 августа 2020

Я использую приведенную ниже функцию для преобразования двоичных данных в кодировке base64 в объект blob. Он работает нормально, однако, когда формат является файлом tiff, он не отображается в браузере.

Я могу только загрузить его (из инструментов разработчика), преобразовать его в PNG и открыть с помощью windows программы просмотра фотографий чтобы просмотреть это. Как я могу преобразовать этот tiff-файл в формат, чтобы иметь возможность просматривать его в браузере?

Функция 

const b64toBlob = (b64Data, contentType='', sliceSize=512) => {
const byteCharacters = atob(b64Data);
const byteArrays = [];

for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {
  const slice = byteCharacters.slice(offset, offset + sliceSize);

  const byteNumbers = new Array(slice.length);
  for (let i = 0; i < slice.length; i++) {
    byteNumbers[i] = slice.charCodeAt(i);
  }

  const byteArray = new Uint8Array(byteNumbers);
  byteArrays.push(byteArray);
}

const blob = new Blob(byteArrays, {type: contentType});
return blob;
}

Использование: 

<script>
  var mime_type = '{{get_blob_instance.mime_type}}' //when image/tiff we have issue
  var blob = b64toBlob('{{get_blob_instance.return_blob_base64}}',mime_type)
  var blobUrl = URL.createObjectURL(blob)
    
  $('#obj_div').html(`<object width="100%" height="100%" type="${mime_type}" data="${blobUrl}"></object>`)
</script>
...