国产探花免费观看_亚洲丰满少妇自慰呻吟_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用于點擊確認按鈕后的彈出層，避免用戶重復點擊確認按鈕。

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 淮阳县| 会宁县| 昌邑市| 江孜县| 中卫市| 巴林左旗| 兴安盟| 安顺市| 沙河市| 江城| 五指山市| 大港区| 玛沁县| 上饶县| 正宁县| 涿鹿县| 乌兰浩特市| 托克逊县| 得荣县| 错那县| 德化县| 肇州县| 马边| 平远县| 吉木乃县| 银川市| 班玛县| 垣曲县| 吉首市| 临夏市| 渭源县| 白朗县| 方正县| 瑞金市| 凯里市| 虞城县| 奉新县| 晋中市| 湘潭县| 肃北| 寻甸|