Получить ширину файла изображения с помощью JavaScript

Чтобы получить ширину файла изображения с помощью JavaScript, вы можете использовать несколько методов. Вот несколько вариантов:

  1. Использование объекта изображения:

    var img = new Image();
    img.onload = function() {
    var width = this.width;
    console.log('Image width:', width);
    };
    img.src = 'your_image_file.jpg';
  2. Использование объекта HTMLImageElement:

    var img = document.createElement('img');
    img.onload = function() {
    var width = this.width;
    console.log('Image width:', width);
    };
    img.src = 'your_image_file.jpg';
  3. Использование объекта FileReader и объекта File (для локальных файлов):

    var fileInput = document.getElementById('fileInput');
    fileInput.addEventListener('change', function(e) {
    var file = e.target.files[0];
    var reader = new FileReader();
    reader.onload = function(e) {
    var img = new Image();
    img.onload = function() {
      var width = this.width;
      console.log('Image width:', width);
    };
    img.src = e.target.result;
    };
    reader.readAsDataURL(file);
    });
  4. Использование свойства naturalWidth объекта Image:

    var img = document.getElementById('myImage');
    var width = img.naturalWidth;
    console.log('Image width:', width);

Эти методы позволяют получить ширину файла изображения в JavaScript. Не забудьте заменить «your_image_file.jpg» фактическим путем или URL-адресом изображения, которое вы хотите проанализировать.