Как загрузить файл с помощью JavaScript? - PullRequest
Новая
       31

Как загрузить файл с помощью JavaScript?

0 голосов
/ 26 июня 2018

Я хочу создать загрузчик с помощью js.Может кто-нибудь помочь мне, как загрузить файл с помощью JavaScript?

Ответы [ 2 ]

0 голосов
/ 19 декабря 2018

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

<input type="file" name="my_files[]" multiple/>
<script>
const input = document.querySelector('input[type="file"]');
input.addEventListener('change', (e) => {

  const fd = new FormData();

  // add all selected files
  e.target.files.forEach((file) => {
    fd.append(e.target.name, file, file.name);  
  });

  // create the request
  const xhr = new XMLHttpRequest();
  xhr.onload = () => {
    if (xhr.status >= 200 && xhr.status < 300) {
        // we done!
    }
  };

  // path to server would be where you'd normally post the form to
  xhr.open('POST', '/path/to/server', true);
  xhr.send(fd);
});
</script>

Отказ от ответственности, я являюсь автором FilePond , и это очень похоже на загрузку какхорошо.

0 голосов
/ 26 июня 2018

Вы можете использовать html5 тип файла следующим образом: 

<input type="file" id="myFile">

Ваш файл будет иметь значение: 

var myUploadedFile = document.getElementById("myFile").files[0];

Для получения дополнительной информации см. https://www.w3schools.com/jsref/dom_obj_fileupload.asp

и посмотрите пример здесь: https://www.script -tutorials.com / pure-html5-file-upload /

...