HTML + Javascript для чтения локальной файловой системы

Я разработчик Java по рождению и очень ограничен в программировании на стороне клиента, поэтому здесь мне нужна помощь.

Я в основном ищу способ создать одностраничное приложение HTML / JavaScript для чтения моей локальной файловой системы. Я хочу перечислить каталоги и файлы в определенном каталоге на моей HTML-странице. Какими способами можно этого добиться.

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

Пожалуйста, предложите.

Вы не можете сделать это с помощью простого скрипта, так как это будет огромным риском для безопасности.

Ason 11.06.2018 15:06

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

Hriday Modi 11.06.2018 15:07

это нарушение безопасности

Ankur Shah 11.06.2018 15:08
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
4
3
880
1

Ответы 1

Хотя читать файлы на стороне клиента нецелесообразно, могут возникнуть проблемы с безопасностью и доступом. Тем не менее, если вы хотите, чтобы вы могли читать файл на стороне клиента с помощью программы чтения файлов, проверьте следующий пример:

<input type = "file" id = "fileinput" multiple />
<script type = "text/javascript">
  function readMultipleFiles(evt) {
    //Retrieve all the files from the FileList object
    var files = evt.target.files; 

    if (files) {
        for (var i=0, f; f=files[i]; i++) {
              var r = new FileReader();
            r.onload = (function(f) {
                return function(e) {
                    var contents = e.target.result;
            console.info(contents);
                    alert( "Got the file.n" 
                          +"name: " + f.name + "n"
                          +"type: " + f.type + "n"
                          +"size: " + f.size + " bytesn"
                          + "starts with: " + contents.substr(1, contents.indexOf("n"))
                    ); 
                };
            })(f);

            r.readAsText(f);
        }   
    } else {
          alert("Failed to load files"); 
    }
  }

  document.getElementById('fileinput').addEventListener('change', readMultipleFiles, false);
</script>

Спасибо. Не могли бы вы помочь мне с перечислением файлов / папок в данной папке. Это моя основная задача. Позже я хочу обработать файлы, для которых, похоже, могу использовать приведенный выше код.

Khuzi 11.06.2018 16:06

Другие вопросы по теме