Сделал дз 13

js/image-upload.js

@@ -0,0 +1,18 @@
+const FILE_TYPES = ['jpg', 'jpeg', 'png'];
+
+const fileChooser = document.querySelector('.img-upload__input');
+const preview = document.querySelector('.img-upload__preview img');
+
+const setupUploadEventListener = () => {
+  fileChooser.addEventListener('change', () => {
+    const file = fileChooser.files[0];
+    const fileName = file.name.toLowerCase();
+
+    const matches = FILE_TYPES.some((it) => fileName.endsWith(it));
+
+    if (matches) {
+      preview.src = URL.createObjectURL(file);
+    }
+  });
+};
+export { setupUploadEventListener };

js/main.js

@@ -1,6 +1,7 @@
 import { getData } from './api.js';
 import { renderGallery, setupFilterListeners } from './thumbnails.js';
-import { setupPictureEventListeners } from './photo-modal.js';
+import { setupPictureEventListeners } from './image-modal.js';
+import { setupUploadEventListener } from './image-upload.js';
 import { setupFormEventListeners } from './form.js';
 import { showGetErrorAlert } from './util.js';
 
@@ -17,4 +18,5 @@ async function initializeGallery() {
 }
 
 initializeGallery();
+setupUploadEventListener();
 setupFormEventListeners();

js/thumbnails.js

@@ -1,4 +1,4 @@
-import { setupPictureEventListeners } from './photo-modal.js';
+import { setupPictureEventListeners } from './image-modal.js';
 import { debounce } from './util.js';
 
 const MAX_RANDOM_QTY = 10;