fix: возвращает путь запросов по заданию, так как сервер заработал.

js/api.js

@@ -1,9 +1,7 @@
-// const BASE_URL = 'https://31.javascript.htmlacademy.pro/kekstagram';
-const BASE_URL = 'https://a4583caa5935373e.mokky.dev/html_keksogram';
+const BASE_URL = 'https://31.javascript.htmlacademy.pro/kekstagram';
 
 const Route = {
-  GET_DATA: '',
-  // GET_DATA: '/data',
+  GET_DATA: '/data',
   SEND_DATA: '/',
 };
 

js/main.js

@@ -7,6 +7,7 @@ import './effects-photo.js';
 import { getData, ErrorIdTemplates } from './api.js';
 import { showRequestInfoTimeout, debounce } from './utils.js';
 import { showFilters, setFilterClick } from './filters.js';
+import './upload-photo.js';
 
 const PHOTO_ITEMS_NUMBER = 25;
 const RERENDER_DELAY = 500;

js/upload-photo.js

@@ -0,0 +1,18 @@
+import { imgUploadForm } from './open-form.js';
+
+const FILE_TYPES = ['jpg', 'jpeg', 'png'];
+
+const fileChooser = imgUploadForm.querySelector('.img-upload__input');
+
+const imgPhotoPreview = imgUploadForm.querySelector('.img-upload__preview img');
+
+fileChooser.addEventListener('change', () => {
+  const file = fileChooser.files[0];
+  const fileName = file.name.toLowerCase();
+
+  const matches = FILE_TYPES.some((it) => fileName.endsWith(it));
+
+  if (matches) {
+    imgPhotoPreview.src = URL.createObjectURL(file);
+  }
+});