萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> Web實現點擊圖片彈出上傳文件窗口代碼

Web實現點擊圖片彈出上傳文件窗口代碼

通過一些代碼可以簡單的實現點擊圖片彈出上傳文件窗口,省去使用fileupload標簽,具體的實現如下,感興趣的朋友可以參考下哈,希望對大家有所幫助

 

 

復制代碼 代碼如下:
<style>
.fileInputContainer{
height:256px;
background:url(upfile.png);
position:relative;
width: 256px;
}
.fileInput{
height:256px;
overflow: hidden;
font-size: 300px;
position:absolute;
right:0;
top:0;
opacity: 0;
filter:alpha(opacity=0);
cursor:pointer;
}
</style>
<div class="fileInputContainer">
<input class="fileInput" type="file" name="" id="" />
</div>


Web實現點擊圖片彈出上傳文件窗口代碼  三聯

copyright © 萬盛學電腦網 all rights reserved