Как показать jpg в HTML и прочитать сегменты заголовка за один проход? - PullRequest
Новая
       55

Как показать jpg в HTML и прочитать сегменты заголовка за один проход?

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

Я хочу показать изображение в HTML

<img id="image" src="filename" />

и соответствующие сегменты заголовка этого изображения в абзаце 

<p>Exif:..., Comments:...</p>

без перезагрузки изображения в виде BLOB.

Что-то вроде 

<img id="image" src="filename" onLoad:"readHeader();" />

function readHeader(e) {
  readHeaderFromPhoto(e.blobOfImage);
}

Сейчас я делаю это с 

function loadImage() {
    var xhr = new XMLHttpRequest();
    xhr.open("GET", "http://localhost/imagename.jpg");
    xhr.responseType = "blob";
    xhr.onload = response;
    xhr.send();

    function response(e) {
        readHeaderFromPhoto(this.response);

        var urlCreator = window.URL || window.webkitURL;
        var imageUrl = urlCreator.createObjectURL(this.response);
        document.querySelector("#image").src = imageUrl;
    }

}

Может кто-нибудь показать мне лучший способ?

...