日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

input[type=file]属性

發布時間:2025/7/25 36 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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端的代碼導致的。

  • accept屬性 該屬性表明了服務器端可接受的文件類型,可以限制你手機選擇相關的文件,如果限制多個,可以用逗號分割,下面的代碼就表示只能選擇圖片與音頻相關的文件:<input accept="image/*,audio/*" type="file"/>
  • 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]属性的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。