HTMLアクセプトは、ファイルアップロードによる送信を可能にするファイル形式です

クズども · 掲載地 2019/03/04 16:13:45

定義と使用法

accept属性は、サーバーがファイルアップロードで受理できるファイルの種類を指定します。

注意:accept属性は> <input type="file"のみ機能します。

ヒント:このプロパティを認証ツールとして使用しないでください。ファイルのアップロードはサーバー上で検証されるべきです。

例

サーバーがファイルアップロード時に画像ファイルのみを受け入れることを指定します:

ログインが見えます。

属性値

価値	形容
音声/*	すべてのサウンドファイルが受理されています。
ビデオ/*	すべてのビデオファイルは受け付けています。
画像/*	すべての画像ファイルが受理されます。
MIME_type	パラメータのない有効なMIMEタイプ。参照ハイパーリンクのログインが見えます。標準的なMIMEタイプの完全なリストを取得するために。

ファイルをアップロードする際は、指定されたファイル形式を制限する必要があり、accept属性はFFとChromeでのみ有効です。では、どのファイルが制限を受け入れられるのでしょうか? 以下の表を参照してください。

拡張MIMEの説明

*.3GPP	オーディオ/3GPP、ビデオ/3GPP	3GPPオーディオ/ビデオ
*.ac3	オーディオ/AC3	AC3オーディオ
*.asf	allpication/vnd.ms-asf	アドバンスドストリーミングフォーマット
*.au	オーディオ/基本	AUオーディオ
*.css	テキスト/CSS	カスケーディングスタイルシート
*.csv	テキスト/CSV	コンマ分離値
*.doc	アプリケーション/MSWard	MS Wordドキュメント
*.dot	アプリケーション/MSWard	MS Wordテンプレート
*.dtd	application/xml-dtd	文書タイプの定義
*.dwg	画像/vnd.dwg	AutoCAD製図データベース
*.dxf	image/vnd.dxf	AutoCAD図面交換フォーマット
*.gif	画像/GIF	グラフィック交換フォーマット
*.htm	テキスト/HTML	ハイパーテキストマークアップ言語
*.HTML	テキスト/HTML	ハイパーテキストマークアップ言語
*.jp2	イメージ/jp2	JPEG-2000
*.jpe	画像/jpeg	JPEG
*.jpeg	画像/jpeg	JPEG
*.jpg	画像/jpeg	JPEG
*.js	テキスト/JavaScript、アプリケーション/JavaScript	JavaScript
*.json	application/json	JavaScriptオブジェクト表記法
*.mp2	オーディオ/MPEG、ビデオ/MPEG	MPEGオーディオ/ビデオストリーム、レイヤーII
*.mp3	オーディオ/MPEG	MPEGオーディオストリーム、レイヤーIII
*.mp4	音声/mp4、ビデオ/mp4	MPEG-4音声/映像
*.mpeg	ビデオ/MPEG	MPEGビデオストリーム、レイヤーII
*.mpg	ビデオ/MPEG	MPEGビデオストリーム、レイヤーII
*.mpp	application/vnd.ms-project	MSプロジェクトプロジェクト
*.ogg	アプリケーション/OGG、オーディオ/OGG	オッグ・ヴォルビス
*.pdf	申請書/PDF	ポータブルドキュメントフォーマット
*.png	画像/png	ポータブルネットワークグラフィックス
*.pot	application/vnd.ms-PowerPoint	MS PowerPoint テンプレート
*.pps	application/vnd.ms-PowerPoint	MS PowerPointスライドショー
*.ppt	application/vnd.ms-PowerPoint	MS PowerPointプレゼンテーション
*.rtf	アプリケーション/RTF、テキスト/RTF	リッチテキスト形式
*.svf	image/vnd.svf	シンプルベクターフォーマット
*.tif	画像/TIFF	タグ付き画像フォーマットファイル
*.tiff	画像/TIFF	タグ付き画像フォーマットファイル
*.テキスト	テキスト/プレーン	プレーンテキスト
*.wdb	application/vnd.ms-works	MS Works データベース
*.wps	application/vnd.ms-works	作品本文
*.xHTML	application/xHTML+XML	拡張可能なハイパーテキストマークアップ言語
*.XLC	application/vnd.ms-excel	MS Excelチャート
*.xlm	application/vnd.ms-excel	MS Excel マクロ
*.xls	application/vnd.ms-excel	MS Excelスプレッドシート
*.xlt	application/vnd.ms-excel	MS Excelテンプレート
*.xlw	application/vnd.ms-excel	MS Excel ワークスペース
*.xml	テキスト/XML、アプリケーション/XML	拡張可能なマークアップ言語
*.zip	aplication/zip	圧縮アーカイブ

例:

1.accept="image/gif, image/jpeg"

2.accept="application/msword"
3.accept="application/pdf"
4.accept="application/poscript"
5.accept="application/rtf"
6.accept="application/x-zip-compressed"
7.accept="audio/basic"
8.accept="audio/x-aiff"
9.accept="audio/x-mpeg"
10.accept="audio/x-pn/realaudio"
11.accept="audio/x-waw"
12.accept="image/gif"
13.accept="image/jpeg"
14.accept="image/tiff"
15.accept="image/x-ms-bmp"
16.accept="image/x-photo-cd"
17.accept="image/x-png"
18.accept="image/x-portablebitmap"
19.accept="image/x-portable-greymap"
20.accept="image/x-portable-pixmap"
21.accept="image/x-rgb"
22.accept="text/html"
23.accept="text/plain"
24.accept="video/quicktime"
25.accept="video/x-mpeg2"
26.accept="video/x-msvideo"

[HTML/HTML5] HTMLアクセプトは、ファイルアップロードによる送信を可能にするファイル形式です

関連記事

閲覧したセクション