Comment supprimer un fichier sélectionné spécifique du contrôle des fichiers d'entrée

comme d'autres personnes l'ont souligné, FileList est en lecture seule. Vous pouvez contourner cela en poussant ces fichiers dans un Array séparé cependant. Vous pouvez alors faire ce que vous voulez avec cette liste de dossiers. Si le but est de les télécharger sur un serveur, vous pouvez utiliser L'API FileReader .

ci-dessous est un rond-point pour éviter complètement la nécessité de modifier le FileList . Étapes:

1. Ajouter un fichier d'entrée changement écouteur d'événement
2. boucle à travers chaque fichier de l'événement de changement, filtre pour la validation désirée
3. Push valide les fichiers dans le tableau séparé
4. utiliser FileReader API pour lire les fichiers localement
5. soumettre des fichiers valides et traités au serveur

gestionnaire d'Événement et de fichier de base de la boucle de code:

var validatedFiles = [];
$("#fileToUpload").on("change", function (event) {
  var files = event.originalEvent.target.files;
  files.forEach(function (file) {
    if (file.name.matches(/something.txt/)) {
      validatedFiles.push(file); // Simplest case
    } else { 
      /* do something else */
    }
  });
});

ci-dessous est une version plus compliquée de la boucle de fichier qui montre comment vous pouvez utiliser l'API FileReader pour charger le fichier dans le navigateur et éventuellement le soumettre à un serveur comme un blob encodé Base64.

  files.forEach(function (file) {
    if (file.name.matches(/something.txt/)) { // You could also do more complicated validation after processing the file client side
      var reader = new FileReader();
      // Setup listener
      reader.onload = (function (processedFile) {
        return function (e) {
          var fileData = { name : processedFile.name, fileData : e.target.result };

          // Submit individual file to server
          $.post("/your/url/here", fileData);

          // or add to list to submit as group later
          validatedFiles.push(fileData);
        };
      })(file);

      // Process file
      reader.readAsDataURL(file);
    } else { 
      /* still do something else */
    }
  });

Une note d'avertissement sur l'utilisation de FileReader de l'API. Base64 Encoder un fichier augmente sa taille d'environ 30%. Si cela n'est pas acceptable, vous devrez essayer autre chose.