Size: a a a

2020 May 24

F

Foma in pro.js
reader.onload
источник

F

Foma in pro.js
input type file?
источник

А

Артём in pro.js
Foma
input type file?
+
источник

F

Foma in pro.js
Foma
<input type="file" multiple="multiple" accept=".txt,image/*">
<a href="#" class="upload_files button">Загрузить файлы</a>

var files;
document.querySelector('input[type=file]').addEventListener('change', e => files = (e.target.files));
document.querySelector('.upload_files').addEventListener('click', e => {
 if (typeof files == 'undefined') return;
 var data = new FormData();
 Array.from(files).forEach((file, index) => {
     data.append(index, file)
 });
data.append('my_file_upload', 1);
fetch('./submit.php', {
   method: 'POST',
     body: data,
})
........
if (isset($_POST['my_file_upload'])) {

   $uploaddir = './uploads';

   if (!is_dir($uploaddir)) mkdir($uploaddir, 0777);

   $files = $_FILES;
   $done_files = array();


   foreach ($files as $file) {
       $file_name = $file['name'];

       if (move_uploaded_file($file['tmp_name'], "$uploaddir/$file_name")) {
           $done_files[] = realpath("$uploaddir/$file_name");
       }
   }

   $data = $done_files ? array('files' => $done_files) : array('error' => 'Ошибка загрузки файлов.');

   echo(json_encode($data));
}
.
источник

F

Foma in pro.js
ой не то) это те загрузить фаил показать превью?
источник

F

Foma in pro.js
как filepond?
источник

А

Артём in pro.js
Foma
как filepond?
Ещё только начинаю учить, так что не понимаю, что это)
источник

А

Артём in pro.js
Foma
ой не то) это те загрузить фаил показать превью?
Чтобы после загрузки файла открылся попап.
источник

F

Foma in pro.js
Easy File Uploading With JavaScript | FilePond
https://pqina.nl/filepond/
источник

F

Foma in pro.js
Артём
Чтобы после загрузки файла открылся попап.
и что будет в этом попапе?
источник

А

Артём in pro.js
Foma
и что будет в этом попапе?
Пока что его нужно только открыть и настроить взаимодействие с ним. Дальше, как я понимаю, надо будет настроить, чтобы в нём была загруженная фотка и её можно было редачить)
источник

F

Foma in pro.js
сложно
источник

А

Артём in pro.js
Вот такая конструкция сработала, крч:
источник

F

Foma in pro.js
тут много факторов
источник

А

Артём in pro.js
Скорее всего. Но я пока ещё учусь, так что пока так))
источник

F

Foma in pro.js
надо проверку на e.target
if
else
может фаил и не загрузиться...
источник

LM

Leroy Merlen in pro.js
Блин, да что за жесть то
источник

LM

Leroy Merlen in pro.js
Как эти строки победить
источник

F

Foma in pro.js
Leroy Merlen
Как эти строки победить
вообще там другой подход
источник

LM

Leroy Merlen in pro.js
Какой?
источник