ファイルの種類(lèi)とサイズを制限するようにLayUIのアップロードモジュールを構(gòu)成するにはどうすればよいですか?
Mar 18, 2025 pm 12:57 PMファイルの種類(lèi)とサイズを制限するようにLayUIのアップロードモジュールを構(gòu)成するにはどうすればよいですか?
LayUIのアップロードモジュールを設(shè)定してファイルの種類(lèi)とサイズを制限するには、 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
:畫(huà)像ファイルのみを許可します。 -
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でファイルの種類(lèi)またはサイズの制限が違反されている場(chǎng)合、どのエラーメッセージをカスタマイズできますか?
layUIを使用すると、 upload.render
メソッド內(nèi)のerror
コールバック関數(shù)を使用して、ファイルの種類(lèi)またはサイズの制限が違反されたときにエラーメッセージをカスタマイズできます。違反の種類(lèi)に基づいてエラーメッセージをカスタマイズできます。ファイルタイプとサイズの制限のエラーメッセージをカスタマイズする方法の例は次のとおりです。
<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
を使用して、ファイルの種類(lèi)( accept
)またはサイズ( size
)の制限に違反したときにカスタムエラーメッセージを表示します。これらのメッセージを変更してニーズに合わせて変更し、他のメソッドを使用して望ましい場(chǎng)合はエラーを表示できます。
以上がファイルの種類(lèi)とサイズを制限するようにLayUIのアップロードモジュールを構(gòu)成するにはどうすればよいですか?の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。

ホットAIツール

Undress AI Tool
脫衣畫(huà)像を無(wú)料で

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

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

Clothoff.io
AI衣類(lèi)リムーバー

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

人気の記事

ホットツール

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

SublimeText3 中國(guó)語(yǔ)版
中國(guó)語(yǔ)版、とても使いやすい

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

ドリームウィーバー CS6
ビジュアル Web 開(kāi)発ツール

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

ホットトピック









