Как загрузить изображения с компьютера с помощью const images = [...]?

Question

[SamKnight]

Есть пример в нем изображения загружаются со страницы, как по аналогии сделать с ПК?

const images = [
"https://cdn.pixabay.com/photo/2017/01/08/13/58/cub...",
"https://hatrabbits.com/wp-content/uploads/2017/01/...",
"https://cdn.pixabay.com/photo/2015/03/17/02/01/cub...",
"https://www.destructoid.com/wp-content/uploads/202...",
"https://static1.srcdn.com/wordpress/wp-content/upl...",
"https://encrypted-tbn0.gstatic.com/images?q=tbn:AN...",
"https://files.realpython.com/media/random_data_wat...",
"https://uploads-ssl.webflow.com/5a9ee6416e90d20001...",
"https://encrypted-tbn0.gstatic.com/images?q=tbn:AN...",
"placehold.it/1263x710"
]

backgroundImage:(i)=>`url("${images[i]}")`

Comments

[WapSter]

const images не загружает ничего, это массив со строками

[SamKnight]

WapSter, ну в нем же есть адрес? Я же специально указал нижнюю строку - backgroundimag, умник

[WapSter]

SamKnight, разбирайся тогда сам "умник") И разговаривать научись

[Александр]

Какую задачу Вы пытаетесь решить?

[SamKnight]

WapSter, ты если бы хотел помочь, помог бы. А тыкать носом своего кота будешь.

[SamKnight]

Александр, вписать в const images = [ адрес на ПК и через JS backgroundImage:(i)=>`url("${images[i]}")` все это загрузить

[Александр]

SamKnight, Вы не имеете доступа к ФС ПК из браузера просто так. Либо складываете все файлы "рядом". Либо используйте File System Access API.

[SamKnight]

Александр, Спасибо за ответ. Объясните, что значит сложить файлы рядом? Лучше наглядный пример. Заранее благодарю.

[Александр]

SamKnight, чтобы загружать файлы в JS Вам необходим HTTP-сервер, который будет их отдавать. Складывать "рядом" - имеется ввиду, чтобы HTTP-сервер мог их отдать по запросу. Примеры работы с файлами в HTTP-сервере и их получением можете сами найти.

[SamKnight]

Александр, Спасибо за подсказку.