Как я могу автоматически загрузить несколько изображений из локальной папки, используя javascript / jquery? - PullRequest
Новая
       30

Как я могу автоматически загрузить несколько изображений из локальной папки, используя javascript / jquery?

1 голос
/ 26 марта 2019

Я пытаюсь создать автономный просмотрщик изображений (возможно, менеджер тоже, но позже).Поэтому я хотел бы автоматически загружать несколько изображений из папки, не объявляя их в формате html (т.е. без использования для каждого изображения).Возможно ли использовать только javascript / jquery и no серверные языки (например, php)?Заранее спасибо!

Ответы [ 4 ]

1 голос
/ 27 марта 2019

большое спасибо за вашу доброжелательность и доброту, я очень ценю всю помощь и советы.Ты потрясающий.

mgabor6 , я взглянул на Электрон, и он кажется очень мощным инструментом.Может быть, я погрузлюсь в это.

Ашвани Мишра , это интересный подход, я сейчас на него посмотрю.

Спасибовсе!

0 голосов
/ 26 марта 2019

Вы можете сделать настольное приложение из проекта Javascript с Electronjs.Вы можете читать и манипулировать файлами тоже.

Например, VSCode или Spotify сделаны так же.

Отметьте https://electronjs.org/, если интересно.

Есть несколько хороших видео на YouTube, которые можно начать с нуля.Это немного времени, чтобы узнать об этом и начать базовый проект, но если у вас есть базовые знания JavaScript, это может быть хорошей отправной точкой.

0 голосов
/ 26 марта 2019

Вы можете использовать этот подход, если вы хотите только показать изображения на странице.Это просто базовый пример, вы можете предоставить стили и многое другое, чтобы сделать его привлекательным.Если вы также хотите сохранить его локально, вы можете использовать локальное хранилище. 

<!DOCTYPE html>
<html>
<head>
<script 

src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

$('#image-file').change(function(e){
for(let i=0;i<e.target.files.length;i++)
{
  let file = e.target.files[i];

$("body").append('<img src="'+URL.createObjectURL(file)+'">');


}
});
});


</script>
</head>
<body>
<input id="image-file" type="file" multiple/>

</body>
</html>
0 голосов
/ 26 марта 2019

Я не знаю точно, но я не думаю, что вы можете читать файлы, используя javascript.По крайней мере, на стороне клиента, используя сырой JavaScript.Однако вы можете загрузить некоторые файлы и затем сохранить их в определенном приложении, которое вы создаете

Основная причина, по которой вы не можете сделать это в Javascript со стороны клиента, заключается в том, что это было бы рискованно для обычных пользователей, любого javascriptразработчики могут взломать файловую систему пользователя путем создания эксплойта javascript на стороне клиента

Если вы хотите загружать файлы, используя raw vanilla javascript, вы можете сделать это следующим образом ... 

<input id="image-file" type="file" />

Тогдаобрабатывать его с помощью JavaScript, как это 

document.getElementById("image-file").addEventListener('onclick', function(e){
  const file = e.target.files[0];
  // your code
})

, но если вы действительно хотите загрузить изображения из определенного каталога, вы должны использовать серверный язык, такой как Node.js , вы можете выучитьсделать это как это

...