Изображение не открывается в режиме расширения только в IE - PullRequest
0 голосов
/ 06 апреля 2020

Проверьте изображение, пожалуйста.
Режим расширения или кнопка максимизации отключены, и это происходит только в IE. Любая рекомендация о том, как это исправить? Ниже мое кодирование, я делаю что-то не так?

sendImageDocsToHTML(imageDocuments) {
    var outerDiv = document.createElement("div");
    outerDiv.setAttribute("id","dtleImagesDiv");
    outerDiv.setAttribute("class","dtle");
    for(var x=0; x< imageDocuments.length; x++){
        var ele = document.createElement("img");
        ele.setAttribute("class", "image img-responsive");
        ele.setAttribute("src", imageDocuments[x].imageFullURL);
        outerDiv.appendChild(ele);
        outerDiv.appendChild(document.createElement("br"));
    }
    var divContent = outerDiv.outerHTML;
    var myWindow = this.nativeWindow.open('','','width=auto,height=1000px');
    var doc = myWindow.document;
    doc.open();
    this.translateService.get('document_images_window_header').subscribe(value => {
        doc.write('<html><head><title>' + value + '</title><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"><link href="../assets/css/main.css" rel="stylesheet"><link rel="stylesheet" type="text/css" href="../assets/css/lotdisplay.css"></head><body><div class="container"><div class="col-sm-12 text-center">');
        doc.write(divContent);
        doc.write('</div></div></body></html>');
        doc.close();

1 Ответ

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

Видя, что вы тестировали несколько изображений, некоторые из которых работают, можно предположить, что в коде это менее вероятно. Посмотрите, что-то не так с этим вторым URL-адресом изображения. IE имеет инструменты разработчика. Посмотрите, можете ли вы получить какую-либо диагностику c от его попытки показать изображение.

Браузеры имеют различные возможности для декодирования различных форматов изображений. Например, WebP https://caniuse.com/#feat = webp в настоящее время поддерживается в Edge, Firefox и Chrome, но не поддерживается в IE.

...