Форум

Ким чен ин · #1 (**permalink**) 07.01.2019, 23:36

Подскажите, никак не пойму почему не работает multiple values

const formData = new FormData();
                this.files.forEach(file => {
                    formData.append('images[]', file, file.name);
                });
                console.log(formData.getAll('images'))

показывает пустой массив
если убрать квадратные скобки

formData.append('images', file, file.name);

то работает, естественно один элемент загружается

laimas · #2 (**permalink**) 08.01.2019, 02:21

https://developer.mozilla.org/ru/doc...ormData/append

Ким чен ин · #3 (**permalink**) 08.01.2019, 02:56

я вроде так и делаю

Цитата:

Также вы можете использовать обозначения массива для первого аргумента:

formData.append('userpic[]', myFileInput1.files[0], 'chris1.jpg');
formData.append('userpic[]', myFileInput2.files[0], 'chris2.jpg');

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

laimas · #4 (**permalink**) 08.01.2019, 03:03

Просто уберите третий параметр.

Ким чен ин · #5 (**permalink**) 08.01.2019, 03:18

бесполезно

laimas · #6 (**permalink**) 08.01.2019, 03:48

Что ошибок не показывает? Будет работать, заменить forEach на for или for ... of. Да и какая надобность именно в apend, почему не просто отдать форму FormData() или нет ее?

Ким чен ин · #7 (**permalink**) 08.01.2019, 10:24

В том то и дело, никаких ошибок, все чисто. Формы нету, просто инпут. Поменял на for

for(let file of this.files){
                    console.log(file)
                    formData.append('images[]',file);
                }
                console.log(formData.getAll('images'))

на входе есть, на выходе шиш

laimas · #8 (**permalink**) 08.01.2019, 10:29

На сервере РНР (если судить по ключу передаваемому, то да)?

Ким чен ин · #9 (**permalink**) 08.01.2019, 10:36

Да, back - php front - vue

laimas · #10 (**permalink**) 08.01.2019, 10:51

Тогда сохранить под любым именем и запустить:

<?
    if($_FILES) exit(print_r($_FILES, 1))
?>
<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />
<script type="text/javascript">
function send(f) {
    var xhr = new XMLHttpRequest(),
        data = new FormData();
        
    for(var i of f.files) data.append('images[]', i); //проблемы с поддержкой
        
    xhr.open('POST', location);
        
    xhr.onload = function() {
        if (xhr.status == 200) {
            alert(xhr.responseText)
        }    
    }
    
    xhr.send(data); 
}
</script>
</head>
<body>
<input type="file" onchange="send(this)" multiple="" />
</body>
</html>

Возвращает сервер информацию о загруженном? Следовательно у вас есть нечто с чем нужно разбираться.

Форум

Справочник

Discord чат

Курсы javascript