Maison > interface Web > js tutoriel > Comment supprimer les fichiers sélectionnés d'une liste de fichiers HTML5 ?

Comment supprimer les fichiers sélectionnés d'une liste de fichiers HTML5 ?

Patricia Arquette
Libérer: 2024-10-23 06:59:01
original
460 Les gens l'ont consulté

How to Remove Selected Files from a HTML5 FileList?

Suppression des fichiers indésirables de la liste des fichiers

Lorsque vous travaillez avec une application de téléchargement de fichiers par glisser-déposer HTML5, vous pouvez rencontrer une situation dans laquelle vous devez supprimer certains fichiers de la liste de fichiers sélectionnée. Bien que cela puisse paraître simple, il n'est pas possible de supprimer des fichiers individuels directement de la liste. En effet, l'attribut FileList est défini en lecture seule dans l'interface HTMLInputElement.

Cependant, vous disposez d'une option alternative. Pour supprimer tous les fichiers de FileList, vous pouvez définir explicitement la propriété value de l'élément d'entrée sur une chaîne vide. Voici un exemple de code :

<code class="javascript">document.getElementById('multifile').value = "";</code>
Copier après la connexion

Comme la valeur vide supprimera tous les fichiers de l'élément d'entrée, il est essentiel de noter que cette approche supprime la liste entière. Si vous avez besoin d'un contrôle plus granulaire, vous devrez implémenter des vérifications dans votre code qui interagissent avec FileList. Bien que cela puisse paraître fastidieux, cela vous permet de conserver des fichiers spécifiques tout en en supprimant d'autres.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal