马上七夕了~~~呵呵

<div><input type="button" class="tm_putimg_right_con_file_scan" value="浏览" /></div>

/*这句是个button控件*/

<div><input class="tm_putimg_right_con_file" name="footer0" type="file"  size="1" οnchange="loadImage1(this)"/></div>

/*这一句 建一个file控件 但是带框框 */

现在把上面两个放一起 思路是:让大家看到的是button控件   但是点击的是 file控件

.tm_putimg_right_con_file_scan{position:absolute;z-index:11;}
.tm_putimg_right_con_file{  filter:Alpha(Opacity=0);opacity:0; position:absolute; z-index:111;cursor:pointer; }

第一句呢就是把button给放到用户眼前

第二句的file控件位置就在butto上面了

其实挺简单 ,恩

转载于:https://www.cnblogs.com/boyice/archive/2011/08/04/2127011.html

2011-8-4 今天完成了去掉上传文件(input type=file)的框框 哎 人家客户不要框框。...相关推荐

  1. Js中清空文件上传字段(input type=file )

       表单中type=file字段的value属性无法由js来附值,一但选中某个文件后,如果用户不手动去清空那么这个值将保留,提交表单时对应文件也会被提交上去.当然在服务器上会再次验证,不过为了避免上 ...

  2. 上传文件input(type=file)美化。

    input file 把之前的按钮透明度opacity设置为0,外层用div包裹. 1 <div class="uploadButDiv greenButton text-center ...

  3. 阿里云存储OSS中设置上传文件content type

    阿里云存储OSS中设置上传文件ContentType 如果你使用浏览器上传文件,则浏览器会自动在header中设置正确地content type,然后对文件的访问会得到正确地回应. 如果采用编程的方式 ...

  4. 通过Ajax方式上传文件(input file),使用FormData进行Ajax请求

    <script type="text/jscript">$(function () {$("#btn_uploadimg").click(funct ...

  5. ashx获取input file 文件_通过Ajax方式上传文件(input file),使用FormData进行Ajax请求...

    一直以来上传文件都使用的是别人的组件,今天看下无刷新上传内部具体的做法.上传文件可以使用form的形式来上传,也可以通过构造formData使用ajax来上传文件: 上传图片 $(function ( ...

  6. 上传文件 后清空file

    王小宾 Nothing Is Impossible! 博客园 首页 新随笔 联系 管理 随笔 - 35  文章 - 0  评论 - 8 input type file上传文件之后清空内容. 上次写过如 ...

  7. 文件上传(input为file类型)

    为什么80%的码农都做不了架构师?>>>    <plugin> <groupId>org.apache.maven.plugins</groupId& ...

  8. multipartfile转excel_SpringMVC 上传文件 MultipartFile 转为 File的方法

    {"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],&q ...

  9. php 上传文件 type,php 上传文件 $_FILES[\'\'][\'type\']的值-wwwkljoel-ChinaUnix博客

    文件后缀名 文件类型 3gp video/3gpp aab application/x-authoware-bin aam application/x-authoware-map aas applic ...

  10. Java微信浏览器上传文件使用Base64方法(增加压缩上传方法)

            如果要兼容微信端的浏览器,需要将图片转化成Base64这种格式后,并传给服务器进行处理.如要注意一下几个方面.         1.只允许拍照的图片上传.     <input  ...

最新文章

  1. 高考计算机如何检索投档,2021年高考平行志愿如何投档?
  2. 不停歇的 Java 即将发布 JDK 16,新特性速览!
  3. flot中文API(转载)
  4. LeetCode40.组合总和|| JavaScript
  5. Python中操作MySQL/Oracle
  6. error: undefined reference to `_imp__glXXX@XX'
  7. linux安装之后缺少命令,Centos 7 最小安装后关键命令找不到 ifconfig等
  8. linux expect sftp,expect实现sftp文件同步
  9. Blender真是不错的东西
  10. android端口扫描工具,Android系统端口扫描器编写初探
  11. RDP Wrapper
  12. 仿射变换再次秒杀2011山东理科高考压轴题(圆锥曲线)
  13. 使用批处理脚本修改hosts文件
  14. 对一些常见的HTML5特效进行整理和运行(有趣特效,烟花特效,爱心特效,炫酷特效)
  15. 【机器学习】决策树实验报告
  16. 不可不知,专业名词解释
  17. ubuntu teamviewer
  18. CFont::CreateFont
  19. 【思考一】Android程序员想做手机游戏开发
  20. iOS 仿支付宝首页样式

热门文章

  1. 改善你的生活品质,可以从一块小小的单片机开始
  2. vue 第八天 小结 作业模拟购物车
  3. python字典变量定义_Python字典,函数,全局变量代码解析
  4. MyBatis的ResultMaps之一对一关系
  5. 【渝粤教育】国家开放大学2019年春季 2328仓储与配送管理 参考试题
  6. 【渝粤教育】国家开放大学2018年春季 8618-21T燃气行业规范 参考试题
  7. 字符串未被识别为有效的布尔值
  8. ubuntu16.04 kinetic 版本ROS安装PR2
  9. php libev扩展使用
  10. 分享小知识:善用Group By排序