国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > HTML5 > 正文

利用HTML5的新特點實現圖片文件異步上傳

2024-09-05 07:20:50
字體：大 中 小
來源：轉載
供稿：網友
利用HTML5的新特點做文件異步上傳非常簡單方便，本文主要展示JS部分，html結構。下面的代碼并未使用第三發庫，如果有參照，請注意一些未展現出來的代碼片段。我這邊的效果預覽：

1.文件未選擇 2.文件已選擇
 
 
HTML代碼部分：

思路：下面代碼中我利用css的z-index屬性將input="file”標簽隱藏在了id=btnSelect元素下面，通過觸發a標簽的點擊后，彈出文件選擇框。下面的masklayer用于點擊確認按鈕后的彈出層，避免用戶重復點擊確認按鈕。

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 静宁县| 拜泉县| 湖南省| 兴海县| 福海县| 湟中县| 乡宁县| 津市市| 从江县| 宝清县| 海阳市| 安福县| 丹江口市| 什邡市| 泸水县| 肇庆市| 高青县| 马边| 靖边县| 兰考县| 方山县| 缙云县| 容城县| 宁陵县| 华池县| 江安县| 观塘区| 潼关县| 米泉市| 乐东| 黑龙江省| 通州区| 蓝田县| 敦煌市| 吉安县| 通渭县| 五寨县| 虹口区| 苍山县| 郎溪县| 株洲县|