From 05c0c8331123d86100fe61abf3c519a17d42d159 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Tue, 28 Dec 2021 00:48:08 +0900 Subject: 2021/11/16 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/api/file/type/index.md | 79 ++++++++++++++++--------------------- 1 file changed, 34 insertions(+), 45 deletions(-) (limited to 'files/ja/web') diff --git a/files/ja/web/api/file/type/index.md b/files/ja/web/api/file/type/index.md index b686e9baed..e6d659d57b 100644 --- a/files/ja/web/api/file/type/index.md +++ b/files/ja/web/api/file/type/index.md @@ -4,67 +4,56 @@ slug: Web/API/File/type tags: - API - File API - - Reference + - リファレンス - ファイル - ファイルタイプ - プロパティ +browser-compat: api.File.type translation_of: Web/API/File/type --- -
{{APIRef("File API")}}
+{{APIRef("File API")}} -

{{domxref("File")}} オブジェクトによって表されるファイルのメディアタイプ (MIME) を返します。

+{{domxref("File")}} オブジェクトによって表されるファイルのメディアタイプ ([MIME](/ja/docs/Web/HTTP/Basics_of_HTTP/MIME_types)) を返します。 -

構文

+## 構文 -
var name = file.type;
+```js +var name = file.type; +``` -

値

+## 値 -

ファイルのタイプを示すメディアタイプ (MIME) を含む文字列。たとえば、 PNG 画像の場合は "image/png" です。

+ファイルのタイプを示すメディアタイプ (MIME) を含む文字列。たとえば、 PNG 画像の場合は "image/png" です。 -

例

+## 例 -
<input type="file" multiple onchange="showType(this)">
-
+```html + +``` -
function showType(fileInput) {
+```js
+function showType(fileInput) {
   var files = fileInput.files;
 
-  for (var i = 0; i < files.length; i++) {
+  for (var i = 0; i < files.length; i++) {
     var name = files[i].name;
     var type = files[i].type;
     alert("Filename: " + name + " , Type: " + type);
   }
-}
- -

メモ: 現在の実装に基づけば、ブラウザーは実際にファイルのバイトストリームを読み取ってメディアタイプを判断している訳ではありません。ファイルの拡張子に基づいて推測します。 PNG 画像ファイルを .txt に改名すると "text/plain" となり、"image/png" とはなりません。さらに file.type は一般的に、画像、 HTML 文書、音声、動画などの一般的なファイルタイプに対してのみ信頼できます。一般的ではないファイルの拡張子に対しては、空の文字列を返します。クライアントの構成 (Windows レジストリなど) によっては、一般的なタイプの場合でも予期しない値が発生することがあります。開発者は、このプロパティを唯一の検証方法として信頼しないことをお勧めします。

- -

仕様

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('File API', '#dfn-type', 'type')}}{{Spec2('File API')}}初回定義
- -

ブラウザの対応

- -

{{Compat("api.File.type")}}

- -

関連情報

- - +} +``` + +> **Note:** 現在の実装に基づくと、ブラウザーは実際にファイルのバイトストリームを読み取ってメディアタイプを判断している訳ではありません。ファイルの拡張子に基づいて推測します。 PNG 画像ファイルを .txt に改名すると "_text/plain_" となり、"_image/png_" とはなりません。さらに `file.type` は一般的に、画像、 HTML 文書、音声、動画などの一般的なファイルタイプに対してのみ信頼できます。一般的ではないファイルの拡張子に対しては、空の文字列を返します。クライアントの構成 (Windows レジストリーなど) によっては、一般的なタイプの場合でも予期しない値が発生することがあります。**開発者は、このプロパティを唯一の検証方法として信頼しないことをお勧めします。** + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [ウェブアプリケーションからのファイルの使用](/ja/docs/Web/API/File/Using_files_from_web_applications) +- ブログ記事: [Be skeptical of client-reported MIME types](https://textslashplain.com/2018/07/26/be-skeptical-of-client-reported-mime-content-types/) -- cgit v1.2.3-54-g00ecf