Pour configurer le module de téléchargement de LayUI pour restreindre les types de fichiers et les tailles, vous devez configurer les propriétés accept
, exts
et size
dans la méthode upload.render
. Vous trouverez ci-dessous un exemple de la façon de configurer ces paramètres:
<code class="javascript">layui.use(['upload'], function(){ var upload = layui.upload; // Execute upload var uploadInst = upload.render({ elem: '#test1' // Specify the element that triggers the upload ,url: '/upload/' // Upload interface ,accept: 'file' // Specify the type of files allowed. Options are 'images', 'file', 'video', 'audio' ,exts: 'jpg|png|gif' // Allowed file extensions ,size: 500 // Maximum file size in KB ,done: function(res){ // Upload completed callback console.log(res) } ,error: function(){ // Request exception callback console.log('Upload failed'); } }); });</code>
Dans cet exemple, la propriété accept
Spécifie le type général de fichiers qui peuvent être téléchargés, exts
spécifient les extensions de fichiers autorisées et size
définit la taille maximale du fichier dans les kilo-kilo-kilo-kilo-kilo-kilo-kilo-kilo-kilo-kilo.
Le module de téléchargement de Layui vous permet de restreindre les types de fichiers via les propriétés accept
et exts
. La propriété accept
peut être définie sur l'une des valeurs suivantes pour spécifier le type général de fichiers autorisé:
images
: permet uniquement les fichiers d'image.file
: permet tout type de fichier.video
: permet uniquement les fichiers vidéo.audio
: permet uniquement les fichiers audio. De plus, la propriété exts
peut être utilisée pour restreindre davantage les types de fichiers autorisés en spécifiant les extensions de fichiers autorisées. Vous pouvez répertorier plusieurs extensions séparées par le |
personnage. Par exemple, exts: 'jpg|png|gif'
n'autoriserait que les fichiers .jpg
, .png
et .gif
.
Pour définir une limite de taille de fichier maximale dans le module de téléchargement de LayUI, vous devez utiliser la propriété size
dans la méthode upload.render
. La valeur de la propriété size
est spécifiée dans les kilo-kilobytes (KB). Par exemple, pour définir une taille de fichier maximale de 500 Ko, vous configureriez le téléchargement comme ceci:
<code class="javascript">upload.render({ elem: '#test1' ,url: '/upload/' ,size: 500 // Maximum file size in KB ,done: function(res){ console.log(res) } ,error: function(){ console.log('Upload failed'); } });</code>
Cette configuration garantit que tout fichier supérieur à 500 Ko ne sera pas autorisé à être téléchargé.
Layui vous permet de personnaliser les messages d'erreur lorsque les restrictions de type de fichier ou de taille sont violées à l'aide de la fonction de rappel error
dans la méthode upload.render
. Vous pouvez personnaliser le message d'erreur en fonction du type de violation. Voici un exemple de la façon de personnaliser les messages d'erreur pour les restrictions de type de fichier et de taille:
<code class="javascript">upload.render({ elem: '#test1' ,url: '/upload/' ,accept: 'file' ,exts: 'jpg|png|gif' ,size: 500 ,done: function(res){ console.log(res) } ,error: function(index, upload){ var item = this.item; // Get the current upload item if(upload === 'accept'){ layer.msg('Only JPG, PNG, and GIF files are allowed'); } else if(upload === 'size'){ layer.msg('The file size exceeds the limit of 500 KB'); } else { layer.msg('Upload failed'); } } });</code>
Dans cet exemple, layer.msg
est utilisée pour afficher un message d'erreur personnalisé lorsque les restrictions de type de fichier ( accept
) ou de taille ( size
) sont violées. Vous pouvez modifier ces messages en fonction de vos besoins et utiliser d'autres méthodes pour afficher les erreurs si préférées.
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!