input[type=file]属性
title: input[type=file]屬性 date: 2017年8月11日 21:04:48 tags: html categories: 教程 author: "JiaWei"
** input[type=file] ** 控件用來上傳文件。當(dāng)使用控件時，就授權(quán)了網(wǎng)頁和服務(wù)器訪問對應(yīng)的文件，就可以得到File對象。
在Android手機(jī)webview中，是不支持上傳文件的，網(wǎng)上說是修改Android端的代碼導(dǎo)致的。
change事件 當(dāng)用戶點(diǎn)擊控件上傳文件會觸發(fā)change事件，在移動端點(diǎn)擊控件時會彈出鍵盤，體驗(yàn)非常不友好，通過設(shè)置屬性onfocus="this.blur()"使其失去焦點(diǎn) <input type="file" id="upload" onfocus="this.blur()"/>
file對象 用戶所選擇的文件都存儲在了一個FileList對象上，其中每個文件都對應(yīng)了一個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應(yīng)用中使用文件 http://javascript.ruanyifeng.com/htmlapi/file.html? 文件和二進(jìn)制數(shù)據(jù)的操作http://www.iunbug.com/archives/2012/06/04/208.html?? [譯]JavaScript文件操作基礎(chǔ) http://www.iunbug.com/archives/2012/06/05/254.html ? [譯]JavaScript文件操作URL對象http://www.html5rocks.com/zh/tutorials/file/dndfiles???? 通過 File API 使用 JavaScript 讀取文件
總結(jié)
以上是生活随笔為你收集整理的input[type=file]属性的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 中金支付开发
- 下一篇： 聚焦上海：千锤百炼出神器，高可用架构实战