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

来源:www.13sc.com | 游客上传 | 122 次浏览 | 0 条评论

搜索: 点击图片 上传文件窗口 

通过一些代码可以简单的实现点击图片弹出上传文件窗口,省去使用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前端开发修炼之道 书摘精要

网站设计经验 建设网站常犯错误汇总

web开发设计人员不可不用的在线web工具和应用

国内中文域名的普及掀起了新一轮高潮

空路径对页面性能影响的解决方案

爱上朴实的CSS细节虽不起眼可提高效率

CSS的部分常用属性整理

个人看法:谈谈设计

如何在网站中插入天气预报

切勿用数字开头来命名css伪类名

UrlRewriter 缓存问题及一系列的相关探索

ie6/7要逆天 text: empty text node 高度问题探讨

Copyright 2009-2013 13sc.com All Rights Reserved.