Przesyłanie wielu plików za pomocą formData ()
var fd = new FormData();
fd.append("fileToUpload", document.getElementById('fileToUpload').files[0]);
var xhr = new XMLHttpRequest();
xhr.open("POST", "uph.php");
xhr.send(fd);
uph.php:
var_dump($_FILES['fileToUpload']);
To działa, ale oczywiście tylko dla
plików [0]
. Jak sprawić, aby to działało dla wybranego pliku? Próbowałem usunąć
[0]
, ale to nie zadziałało. Nie znaleziono powiązanych wyników
Zaproszony:
Aby odpowiedzieć na pytania, Zaloguj się lub Zarejestruj się
10 odpowiedzi
Anonimowy użytkownik
Potwierdzenie od:
Anonimowy użytkownik
Potwierdzenie od:
Jeśli wywołasz data.append („plik”, plik) wiele razy, Twoje żądanie będzie zawierało tablicę plików.
Ja, używając node.js i złożonego pośredniego programu obsługującego wiele trybów, otrzymuję dane w następujący sposób:
Anonimowy użytkownik
Potwierdzenie od:
fileToUpload []
zamiast :I zwróci tablicę z wieloma nazwami, rozmiarami itp.
Anonimowy użytkownik
Potwierdzenie od:
Anonimowy użytkownik
Potwierdzenie od:
<div class="snippet-code">
<div class="snippet" data-babel="false" data-console="true" data-hide="false" data-lang="js">
<pre class="snippet-code-js lang-js prettyprint-override">
<div class="snippet-code">
<div class="snippet" data-babel="false" data-console="true" data-hide="false" data-lang="js">
<pre class="snippet-code-html lang-html prettyprint-override">
Anonimowy użytkownik
Potwierdzenie od:
Anonimowy użytkownik
Potwierdzenie od:
Anonimowy użytkownik
Potwierdzenie od:
prześlij dokument
W twoim pliku
component.ts deklaruje tablicę wybranych plików w następujący sposób
selectedFiles = [];
// tablica wybranych plików
// w plikach do przesyłania metod dodaj dane formularza w ten sposób
UWAGA: Mam nadzieję, że to rozwiązanie zadziała dla Was, przyjaciele
Anonimowy użytkownik
Potwierdzenie od:
I dołącz ten sam keyName
i wyślij go na serwer
spowoduje to automatyczne utworzenie tablicy obiektów pod jeśli używasz nodejs
const files :File[] = req.files ? req.files.file : null;
Anonimowy użytkownik
Potwierdzenie od:
Oto rozwiązanie Vanilla
JavaScript dla tego problemu to -
Najpierw użyjemy metody , takiej jak
document.querySelectorAll ('input [type = file]')
zwracatablica typu object
.
Następnie użyjemy metody , aby przypisać każdy element w
obiekt podobny do tablicy
wartość w metodzie .
HTML
JavaScript
Możesz zobaczyć działający przykład tego samego
HERE
https://codepen.io/bappidas/pen/BaabxrX