前言 在如今的項目開發過程中 ， 上傳圖片或者上傳頭像已經變成了非常常見的操作 。一般的 ， 都需要在向后臺上傳圖片之前 ， 在頁面中預覽一下用戶選擇的圖片 。上傳頭像只需要預覽一張圖片 ， 如果是上傳圖片至相冊功能 ， 則需要預覽用戶選擇的多張圖片 。這樣的操作在H5頁面中要如何實現呢？本文系統的教大家認識H5為我們提供的Files類和File類 ， 這兩個類在現代項目開發中起著舉足輕重的作用 。
一、HTML5為文件域新增的屬性 HTML5為文件域新增了下列兩個屬性：
multiple ， 設置文件域是否可以同時選擇多個要上傳的文件 。這是一個沒有取值的放置性屬性 ， 書寫在文件域的代碼中就可以使用 。accept ， 用于在文件域對本地文件進行選擇時對文件類型進行篩選 。該屬性取值為MIME類型 ， 以確定彈出的資源管理器只顯示accept指定類型的文件 。同時HTML還規定 ， 在項目中使用文件域 ， 必須為文件域設置name屬性 。除此之外 ， 一個表單若具備文件傳遞功能 ， 必須將表單的enctype屬性設置為multipart/form-data 。

例如：想讓用戶通過文件域從本地資源管理器中選擇多個圖片 ， HTML代碼如下所示 。

123 我們還要知道 ， 無論使用Javas

猜你喜歡

• 蘋果手機怎么改jpg格式 iphone照片轉jpg格式
• 公司員工簽名管理制度 寫制度的標準格式
• 轉換器是干什么用的
• 蘋果電腦分區windows格式 蘋果分區怎么合并
• qq郵箱格式大全 qq郵箱格式怎么寫
• .vep轉換成其它格式
• 飛暢科技 光纖轉換器產品介紹 科技產品
• 360搜索怎么按文件格式搜索
• 買房貸款轉換lpr合適嗎 「lpr利率現在是多少」
• pdf字體怎么改字體大小，pdf批量修改字體格式方法