8
votes

Angulaire 2 Téléchargez plusieurs fichiers multiples

J'essaie de télécharger plusieurs fichiers (PDF ou divers formats d'image). À l'heure actuelle, télécharger un seul fichier fonctionne, mais plusieurs ne le font pas.

Ceci est le code:

html: xxx

script: xxx

aidez-moi comment faire plusieurs fichiers téléchargement.


0 commentaires

3 Réponses :


12
votes

Ajouter le Attribut multiple code> à votre entrée: xxx pré>

et pour afficher tous les noms de fichiers de votre entrée, faites-le comme dans ce plumker: https://plnkr.co/edit/wvknbwxpakd14R417CYM?p=preview P>

import {Component, NgModule} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'

@Component({
  selector: 'my-app',
  template: `
    <div>
      <h2>Hello {{name}}</h2>
      <input type="file" multiple (change)="onChange($event, showFileNames)" />
      <input #showFileNames />
    </div>
  `,
})
export class App {
  constructor() {
    this.name = 'Angular2'
  }

  onChange(event: any, input: any) {
    let files = [].slice.call(event.target.files);

    input.value = files.map(f => f.name).join(', ');
  }
}

@NgModule({
  imports: [ BrowserModule ],
  declarations: [ App ],
  bootstrap: [ App ]
})
export class AppModule {}


4 commentaires

Affichage, oui .. Parce que vous utilisez fichiers [0] nom .. mais télécharger? C'était la question, non? :)


Ce que j'essaie, c'est que j'ai une option de téléchargement de fichier. Où je peux télécharger un ou plusieurs fichiers. Lorsque je clique sur Ajouter un bouton, il doit envoyer ces noms de fichiers téléchargés. À l'heure actuelle, seul le nom de fichier nouvellement téléchargé s'affiche.


@mxii Si je veux le télécharger à l'aide de HTTP, que Vallue dois-je envoyer?


Quelqu'un peut-il me dire quel est le code angularjs pour télécharger plusieurs fichiers?



1
votes

Vous pouvez essayer cela cela fonctionnait pour moi;)

https://github.com/jkuri/ng2-uploader


0 commentaires

1
votes

initialisation: strong> xxx pré>

Sélection de fichiers Evénement: strong> p>

<input 
 type="file" 
 id="documents" 
 multiple
 formControlName="documents" 
 (change)="onFileSelected($event)"
 accept="image/*,.pdf,.doc,.docx,.xml">


0 commentaires