File name 屬性
name 屬性返回表示檔案的名稱或者路徑的字串。
File 物件更多內容參閱 JavaScript File 物件 一章節。
語法結構:
[JavaScript] 純文字檢視 複製程式碼size.name
屬性返回一個表示檔名稱或者路徑的字串。
程式碼例項如下:
[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].name; } } </script> </head> <body> <input type="file" multiple id="file" /> <div id="show"></div> </body> </html>
通過檔案域選中一個文字檔案,程式碼執行效果截圖如下:
程式碼分析如下:
(1).通過檔案域選中名為 HTML.txt 的檔案,並觸發 change 事件。
(2).通過事件處理函式將檔名寫入 div 。
[JavaScript] 純文字檢視 複製程式碼執行程式碼let file = new File(['螞蟻部落前端'],'ant.txt'); console.log(file.name);
谷歌開發者工具控制檯執行效果截圖如下:
通過建構函式建立 File 物件例項,name 返回值就是第二個引數規定的內容。
相關文章
- TypedArray.name 屬性
- File size 屬性
- File type 屬性
- File lastModified 屬性AST
- JavaScript 函式 name 屬性JavaScript函式
- mvc textboxfor name 屬性MVC
- DIV可以有name屬性
- checkbox name屬性值注意點
- jquery通過name屬性匹配元素jQuery
- jQuery利用name屬性獲取表單元素jQuery
- JavaScript使用name屬性值獲取元素物件JavaScript物件
- name屬性是表單元素必須的
- JavaScript中屬性name與方法名不能相同JavaScript
- db_file_name_convert和log_file_name_convert詳解
- logstash-input-file 配置屬性詳解
- 表單元素同時寫id和name屬性的作用
- Could not find first log file name in binary log index fileIndex
- FN_AUDIT - Name of security audit file
- @JSON(name="members")//使用註釋語法來改變該屬性序列化後的屬性名JSON
- 根據name屬性值篩選checkbox核取方塊
- 為什麼<meta name="viewport">的inital-scale屬性無效View
- js練習----radio name屬性定義單選按鈕組JS
- Angular2入門系列(四)————ngModel和表單元素name屬性Angular
- Java如何建立臨時檔案並列印File各種屬性Java
- ORACLE10G DG配置中兩個引數db_file_name_convert和log_file_name_convertOracle
- iOS動畫 屬性屬性解析iOS動畫
- CSS 屬性篇(七):Display屬性CSS
- To use Rman to duplicate database be careful of db_file_name_convertDatabase
- File name too long window和linux排查,解決Linux
- JavaScript私有屬性和靜態屬性JavaScript
- does not name a type 的可能性
- CSS字型屬性和文字屬性詳解CSS
- 私有屬性
- allowfullscreen 屬性
- background 屬性
- cssText 屬性CSS
- translucent屬性
- parentStyleSheet屬性