Bagaimana saya mengkonfigurasi modul muat naik LAYUI untuk menyekat jenis dan saiz fail?

Bagaimana saya mengkonfigurasi modul muat naik LAYUI untuk menyekat jenis dan saiz fail?

Untuk mengkonfigurasi modul muat naik Layui untuk menyekat jenis dan saiz fail, anda perlu menyediakan ciri -ciri accept , exts , dan size dalam kaedah upload.render . Berikut adalah contoh cara mengkonfigurasi tetapan ini:

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

Dalam contoh ini, harta accept menentukan jenis fail umum yang boleh dimuat naik, exts menentukan sambungan fail yang dibenarkan, dan size menetapkan saiz fail maksimum dalam kilobytes.

Apakah jenis fail tertentu yang boleh dihadkan menggunakan modul muat naik LAYUI?

Modul muat naik Layui membolehkan anda menyekat jenis fail melalui sifat accept dan exts . Harta accept boleh ditetapkan kepada salah satu daripada nilai berikut untuk menentukan jenis fail umum yang dibenarkan:

• images : Membolehkan fail imej sahaja.
• file : Membolehkan mana -mana jenis fail.
• video : Membolehkan fail video sahaja.
• audio : Membolehkan fail audio sahaja.

Di samping itu, harta exts boleh digunakan untuk menyekat jenis fail yang dibenarkan dengan menentukan sambungan fail yang dibenarkan. Anda boleh menyenaraikan pelbagai sambungan yang dipisahkan oleh | watak. Sebagai contoh, exts: 'jpg|png|gif' akan membenarkan hanya .jpg , .png , dan .gif fail.

Bagaimana saya boleh menetapkan had saiz fail maksimum dalam modul muat naik LAYUI?

Untuk menetapkan had saiz fail maksimum dalam modul muat naik LAYUI, anda perlu menggunakan sifat size dalam kaedah upload.render . Nilai harta size ditentukan dalam kilobytes (kb). Sebagai contoh, untuk menetapkan saiz fail maksimum 500 kb, anda akan mengkonfigurasi muat naik seperti ini:

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

Konfigurasi ini memastikan bahawa sebarang fail yang lebih besar daripada 500 kb tidak akan dibenarkan dimuat naik.

Mesej ralat apa yang boleh disesuaikan apabila jenis fail atau sekatan saiz dilanggar dalam LAYUI?

Layui membolehkan anda menyesuaikan mesej ralat apabila sekatan jenis atau saiz dilanggar menggunakan fungsi panggil balik error dalam kaedah upload.render . Anda boleh menyesuaikan mesej ralat berdasarkan jenis pelanggaran. Berikut adalah contoh cara menyesuaikan mesej ralat untuk sekatan jenis dan saiz fail:

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

Dalam contoh ini, layer.msg digunakan untuk memaparkan mesej ralat tersuai apabila jenis fail ( accept ) atau saiz ( size ) dilanggar. Anda boleh mengubahsuai mesej ini untuk memenuhi keperluan anda dan menggunakan kaedah lain untuk memaparkan kesilapan jika disukai.

Atas ialah kandungan terperinci Bagaimana saya mengkonfigurasi modul muat naik LAYUI untuk menyekat jenis dan saiz fail?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!