input[type=file]属性
title: input[type=file]屬性 date: 2017年8月11日 21:04:48 tags: html categories: 教程 author: "JiaWei"
** input[type=file] ** 控件用來上傳文件。當使用控件時,就授權了網頁和服務器訪問對應的文件,就可以得到File對象。
在Android手機webview中,是不支持上傳文件的,網上說是修改Android端的代碼導致的。
change事件 當用戶點擊控件上傳文件會觸發change事件,在移動端點擊控件時會彈出鍵盤,體驗非常不友好,通過設置屬性onfocus="this.blur()"使其失去焦點 <input type="file" id="upload" onfocus="this.blur()"/>
file對象 用戶所選擇的文件都存儲在了一個FileList對象上,其中每個文件都對應了一個File對象 file對象一共由9個屬性 獲取上次修改的時間file[0].lastModifiedDate) 獲取文件名file[0].name 獲取大小file[0].size 獲取類型file[0].type
參考資料: http://www.cnblogs.com/strick/p/5181701.html 移動端圖片操作(一) https://developer.mozilla.org/zh-CN/docs/Using_files_from_web_applications??? 在web應用中使用文件 http://javascript.ruanyifeng.com/htmlapi/file.html? 文件和二進制數據的操作http://www.iunbug.com/archives/2012/06/04/208.html?? [譯]JavaScript文件操作基礎 http://www.iunbug.com/archives/2012/06/05/254.html ? [譯]JavaScript文件操作URL對象http://www.html5rocks.com/zh/tutorials/file/dndfiles???? 通過 File API 使用 JavaScript 讀取文件
總結
以上是生活随笔為你收集整理的input[type=file]属性的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 中金支付开发
- 下一篇: 聚焦上海:千锤百炼出神器,高可用架构实战