File type 屬性
type 屬性返回檔案的 MIME 型別,繼承自 Blob 物件。
File 物件更多內容參閱JavaScript File 物件一章節。
語法結構:
[JavaScript] 純文字檢視 複製程式碼file.type
此屬性返回一個表示檔案MIME 型別的字串。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta name="author" content="https://www.softwhy.com/" /> <title>螞蟻部落</title> <style> div { width: 150px; height: 50px; line-height: 50px; font-size: 12px; text-align: center; border: 2px dotted green; } </style> <script> window.onload = ()=> { let oFile = document.getElementById("file"); let oShow =document.getElementById("show"); file.onchange = function () { oShow.innerHTML = oFile.files[0].type; } } </script> </head> <body> <input type="file" multiple id="file" /> <div id="show"></div> </body> </html>
通過檔案域選中一個文字檔案,程式碼執行效果截圖如下:
上述程式碼中,程式自動獲取選中檔案的 MIME 型別,並將其寫入 div中。
[JavaScript] 純文字檢視 複製程式碼執行程式碼let file = new File(['螞蟻部落前端'],'ant.txt'); console.log(file.type); console.log(typeof file.type);
谷歌開發者工具控制檯執行效果截圖如下:
程式碼分析如下:
(1).通過 File() 建構函式建立一個 File 物件。
(2).沒有規定新物件的 MIME 型別。
(3).此時 type 屬性返回值為空字串。
相關文章
- Blob type 屬性
- DataTransferItem.type 屬性
- CSSStyleSheet.type 屬性CSS
- HTML 省略type屬性HTML
- File name 屬性
- File size 屬性
- File lastModified 屬性AST
- 更改input的type屬性
- List-style-type屬性失效
- utl_file.file_type使用
- textarea 多行文字域 type 屬性值
- list-style-type屬性用法介紹
- jQuery type屬性值篩選input元素jQuery
- 動態修改input元素type屬性值
- input type="file"使用
- 問題No property 屬性名 found for type 類名
- css匹配type屬性值為text的input元素CSS
- logstash-input-file 配置屬性詳解
- textarea多行文字域的type屬性值是textarea
- JavaScript 通過 type 屬性值獲取表單元素JavaScript
- http-equiv 屬性http-equiv="Content-Type"HTTPUI
- js根據input標籤的type屬性篩選元素JS
- input[type=file]使用css美化效果CSS
- 如何清除<input type="file">的值
- type=“file”的input標籤美化
- 給<input type="file">增加樣式
- js如何獲取某一類type屬性值表單元素JS
- <input type="file"> 限制檔案型別型別
- <input type="file">美化例項程式碼
- js通過type屬性值篩選input元素程式碼例項JS
- CMake 屬性之全域性屬性
- Java如何建立臨時檔案並列印File各種屬性Java
- css設定具有指定type屬性值的input文字框的樣式CSS
- <th>標籤的<input type="reset"/>重置按鈕簡單介紹屬性
- <input type="file"> 選中多個檔案
- <input type="file">美化效果程式碼例項
- iOS動畫 屬性屬性解析iOS動畫
- defer 屬性和 async 屬性