Wie konfiguriere ich das Upload -Modul von Layui, um Dateitypen und -größen einzuschränken?

Wie konfiguriere ich das Upload -Modul von Layui, um Dateitypen und -größen einzuschränken?

Um das Upload -Modul von Layui so zu konfigurieren, dass Dateitypen und -größen eingeschränkt werden, müssen Sie die Eigenschaften von accept , exts und size innerhalb der upload.render -Methode einrichten. Nachfolgend finden Sie ein Beispiel dafür, wie Sie diese Einstellungen konfigurieren:

 <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>

In diesem Beispiel gibt die accept den allgemeinen Typ der Dateien an, die hochgeladen werden können, exts die zulässigen Dateierweiterungen angibt, und size legt die maximale Dateigröße in Kilobyten fest.

Was sind die spezifischen Dateitypen, die mit dem Upload -Modul von Layui eingeschränkt werden können?

Mit dem Upload -Modul von Layui können Sie Dateitypen durch die Eigenschaften von accept und exts einschränken. Die accept kann auf einen der folgenden Werte eingestellt werden, um den allgemeinen Typ der zulässigen Dateien anzugeben:

• images : Ermöglicht nur Bilddateien.
• file : Ermöglicht jeden Dateityp.
• video : Ermöglicht nur Videodateien.
• audio : Ermöglicht nur Audiodateien.

Darüber hinaus kann die exts -Eigenschaft verwendet werden, um die zulässigen Dateitypen weiter einzuschränken, indem die zulässigen Dateierweiterungen angegeben werden. Sie können mehrere durch die | getrennte Erweiterungen auflisten Charakter. Zum Beispiel würde exts: 'jpg|png|gif' nur .jpg , .png und .gif -Dateien zulassen.

Wie kann ich eine maximale Größengrößengrenze im Upload -Modul von Layui festlegen?

Um eine maximale Dateigrößengrenze im Upload -Modul von Layui festzulegen, müssen Sie die size -Eigenschaft innerhalb der upload.render -Methode verwenden. Der Wert der Größe der size ist in Kilobytes (KB) angegeben. Um beispielsweise eine maximale Dateigröße von 500 KB festzulegen, konfigurieren Sie das Upload wie folgt:

 <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>

Diese Konfiguration stellt sicher, dass eine Datei, die größer als 500 KB ist, nicht hochgeladen werden darf.

Welche Fehlermeldungen können angepasst werden, wenn in Layui Dateityp- oder Größenbeschränkungen verletzt werden?

Mit LayUi können Sie Fehlermeldungen anpassen, wenn Dateitypen oder Größenbeschränkungen unter Verwendung der error in der Methode upload.render verletzt werden. Sie können die Fehlermeldung basierend auf der Art des Verstoßes anpassen. Hier ist ein Beispiel dafür, wie Fehlermeldungen für Dateityp- und Größenbeschränkungen angepasst werden können:

 <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>

In diesem Beispiel wird layer.msg verwendet, um eine benutzerdefinierte Fehlermeldung anzuzeigen, wenn der Dateityp ( accept ) oder die Größe ( size ) verletzt wird. Sie können diese Nachrichten so ändern, dass sie Ihren Anforderungen entsprechen und andere Methoden verwenden, um die Fehler anzuzeigen, wenn sie vorgeschlagen werden.

Das obige ist der detaillierte Inhalt vonWie konfiguriere ich das Upload -Modul von Layui, um Dateitypen und -größen einzuschränken?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!