Тип входного файла проверяет разрешение изображения, используя чистый Javascript - PullRequest
0 голосов
/ 03 октября 2018

Я создал type=file элемент ввода

<input type="file" id="input-id" accept="image/jpg" onchange="verifyFileUpload(event)">

Мне нужно проверить, что разрешение файла aXb, используя чистый Javascript.Как я могу сделать это в функции verifyFileUpload(event)?

1 Ответ

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

Попробуйте следующим образом

window.URL = window.URL || window.webkitURL;

function verifyFileUpload(e)
{
  var file = document.getElementById("input-id");
  
  if (file && file.files.length > 0) 
  {
        var img = new Image();

        img.src = window.URL.createObjectURL( file.files[0] );
        img.onload = function() 
        {
            var width = this.naturalWidth,
                height = this.naturalHeight;
                
          console.log ("Image Width: " + width);
          console.log ("Image Height: " +height);
        };
    }
}
<input type="file" id="input-id" accept="image/jpg" onchange="verifyFileUpload(event)">
...