您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> 交互设计 >> 正文

Web实现点击图片弹出上传文件窗口代码

作者:佚名    责任编辑:admin    更新时间:2022-06-22

通过一些代码可以简单的实现点击图片弹出上传文件窗口,省去使用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实现点击图片弹出上传文件窗口代码  三联