ファイルの種類とサイズを制限するようにLayUIのアップロードモジュールを構(gòu)成するにはどうすればよいですか?
Mar 18, 2025 pm 12:57 PMファイルの種類とサイズを制限するようにLayUIのアップロードモジュールを構(gòu)成するにはどうすればよいですか?
LayUIのアップロードモジュールを設(shè)定してファイルの種類とサイズを制限するには、 upload.render
メソッド內(nèi)でaccept
、 exts
、 size
プロパティをセットアップする必要があります。以下は、これらの設(shè)定を構(gòu)成する方法の例です。
<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>
この例では、 accept
プロパティはアップロードできる一般的なタイプのファイルを指定し、 exts
許可されたファイル拡張子を指定し、 size
キロバイトの最大ファイルサイズを設(shè)定します。
LayUIのアップロードモジュールを使用して制限できる特定のファイルタイプは何ですか?
LayUIのアップロードモジュールを使用すると、[ accept
およびexts
プロパティを介してファイルタイプを制限できます。 accept
プロパティは、許可されている一般的なタイプのファイルを指定するために、次の値のいずれかに設(shè)定できます。
-
images
:畫像ファイルのみを許可します。 -
file
:ファイルタイプを許可します。 -
video
:ビデオファイルのみを許可します。 -
audio
:オーディオファイルのみを許可します。
さらに、 exts
プロパティを使用して、許可されたファイル拡張子を指定することにより、許可されたファイルタイプをさらに制限できます。 |
で區(qū)切られた複數(shù)の拡張機(jī)能をリストできますキャラクター。たとえば、 exts: 'jpg|png|gif'
.jpg
、 .png
、および.gif
ファイルのみを許可します。
LayUIのアップロードモジュールで最大ファイルサイズ制限を設(shè)定するにはどうすればよいですか?
LayUIのアップロードモジュールで最大ファイルサイズ制限を設(shè)定するには、 upload.render
メソッド內(nèi)でsize
プロパティを使用する必要があります。 size
プロパティの値は、キロバイト(KB)で指定されています。たとえば、500 kbの最大ファイルサイズを設(shè)定するには、次のようなアップロードを構(gòu)成します。
<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>
この構(gòu)成により、500 kBを超えるファイルがアップロードされないようにします。
LayUIでファイルの種類またはサイズの制限が違反されている場合、どのエラーメッセージをカスタマイズできますか?
layUIを使用すると、 upload.render
メソッド內(nèi)のerror
コールバック関數(shù)を使用して、ファイルの種類またはサイズの制限が違反されたときにエラーメッセージをカスタマイズできます。違反の種類に基づいてエラーメッセージをカスタマイズできます。ファイルタイプとサイズの制限のエラーメッセージをカスタマイズする方法の例は次のとおりです。
<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>
この例では、 layer.msg
を使用して、ファイルの種類( accept
)またはサイズ( size
)の制限に違反したときにカスタムエラーメッセージを表示します。これらのメッセージを変更してニーズに合わせて変更し、他のメソッドを使用して望ましい場合はエラーを表示できます。
以上がファイルの種類とサイズを制限するようにLayUIのアップロードモジュールを構(gòu)成するにはどうすればよいですか?の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。

ホットAIツール

Undress AI Tool
脫衣畫像を無料で

Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ

AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中國語版
中國語版、とても使いやすい

ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開発環(huán)境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









