您现在的位置: 首页 » 上网赚钱 » 隐藏【input type=”file”】文件读入框并用图片显示

隐藏【input type=”file”】文件读入框并用图片显示

作者: acboy 分类: 上网赚钱 发布时间: 2012-11-13 08:35    

不得不承认写静态页面是件很累人的事,尤其在没有美工给制作psd效果图的时候。

今天在做一个下载用的单页,给的要求是“没什么要求,突出下载就好”,不知道各位写静态页面的朋友看到这句话是什么想法。

上午准备素材,下午写页面,总算搞定。遇到个小问题,就是隐藏[input type=”file”]文件读入框并用图片显示的问题,没做过没有经验,经人指定后,哇,恍然大悟,原来可以这样实现,现在把我的处理方式记录下。

<div style=”display:none;”>

<input type=”file” id=”woxiede”/>

</div>

//*文件读入框外面加个层,用来隐藏这个读入框

<img src=”图片地址”alt=”图片名称”onclick=”woxiede.click()”>

//*点击图片来触发文件读入框的click()事件,记住与”input”里面的”id“保持一致。

经测试,ie6\7\8,火狐都没有问题,谷歌好像点击后没有反应。这个也是可以理解的,因为正常情况下,谷歌浏览器里的文件读入框就不存在只显示文字,所以如果需要做谷歌浏览器上面的,则判断一下浏览器再选择是否这样写就好了。

不过,我看到QQ空间里面的发布说说插入图片这块倒是用的flash来做的。

累呀,困呀。被太阳晒的!办公室我坐的位子太好了!

本文系有赚网原创,转载请保留原文地址。本文地址:http://www.yohojie.com/boke/29.html
     
               
游戏赚钱 手机赚钱手机pos机 分享赚钱
1.天天钻 1.搜狐新闻~荐~ 乐刷 3.有券网
2.聚享游 2.中青看点 卡卡收银台 2.中青看点
3.集趣网 3.就要斗地主容易付 1.高佣联盟
4.有赚网4.天天快报 聚玳宝叮当叮当

上一篇:

下一篇:

由于本站持续受到垃圾评论骚扰,目前评论功能已经关闭