最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

第2步：CSS： 有點(diǎn)棘手了
 

JavaScript Code復(fù)制內(nèi)容到剪貼板

1. .fileUpload {   

2.     position: relative;   

3.     overflow: hidden;   

4.     margin: 10px;   

5. }   

6.     

7. .fileUpload input.upload {  position: absolute;   

8.     top: 0;   

9.     right: 0;   

10.     margin: 0;   

11.     padding: 0;   

12.     font-size: 20px;   

13.     cursor: pointer;   

14.     opacity: 0;   

15.     filter: alpha(opacity=0);   

16. }   

為簡單起見，我使用應(yīng)用了BootstrapCSS樣式的按鈕  (div.file-upload)。

演示：

上傳按鈕，顯示選中的文件

不幸的是純CSS的做不到這一點(diǎn)。但是，如果你真的想顯示所選文件，下面的JavaScript代碼片段可以幫助你。

JavaScript： 
 

JavaScript Code復(fù)制內(nèi)容到剪貼板

1. document.getElementById("uploadBtn").onchange = function () {   

2.     document.getElementById("uploadFile").value = this.value;   

3. };   

DOM:
 

JavaScript Code復(fù)制內(nèi)容到剪貼板

1.   

2.   

3.     <span>Upload   

4.