JS简单实现文件上传实例代码(无需插件)


Posted in Javascript onNovember 15, 2013
<span class="up-btn" id="selectFile">请选择文件</span>
<input type="file" name="fileupload" style="FILTER: alpha(opacity=0); moz-opacity: 0; opacity: 0;" />

// 点击#selectFile触发input:file的click事件
jQuery('#selectFile').live('click',function(){
  var ie = !-[1,]; 
  if(ie){
   jQuery('input:file').trigger('click').trigger('change');
  }else{
   jQuery('input:file').trigger('click');
  } });

选中文件要触发的事件
 jQuery('input:file').change(function(){
  //dosomthing
 }); 

注意事项:

1、在chrome浏览器下,为了数据安全,隐藏的input:file不能trigger “click” 事件。  所以要设置input:file的透明度达到隐藏的效果。

2、在ie6,7下input file文件不支持onchange事件,所以在此浏览器下我还是用<input type="file" value="" />

Javascript 相关文章推荐
javascript中运用闭包和自执行函数解决大量的全局变量问题
Dec 30 Javascript
用RadioButten或CheckBox实现div的显示与隐藏
Sep 21 Javascript
js 走马灯简单实例
Nov 21 Javascript
Javascript基础教程之定义和调用函数
Jan 18 Javascript
html的DOM中document对象forms集合用法实例
Jan 21 Javascript
Bootstrap每天必学之前端开发框架
Nov 19 Javascript
如何使用jquery修改css中带有!important的样式属性
Apr 28 Javascript
学习使用Bootstrap输入框、导航、分页等常用组件
May 11 Javascript
jQuery异步提交表单实例
May 30 jQuery
使用socket.io实现简单聊天室案例
Jan 02 Javascript
浅谈react-router@4.0 使用方法和源码分析
Jun 04 Javascript
js实现带积分弹球小游戏
Jul 21 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
Nov 15 #Javascript
简洁Ajax函数处理(示例代码)
Nov 15 #Javascript
jquery submit ie6下失效的原因分析及解决方法
Nov 15 #Javascript
JavaScript?Apple设备检测示例代码
Nov 15 #Javascript
jquery放大镜效果超漂亮噢
Nov 15 #Javascript
JS获取IP、MAC和主机名的五种方法
Nov 14 #Javascript
javascript验证上传文件的类型限制必须为某些格式
Nov 14 #Javascript
You might like
全国FM电台频率大全 - 25 云南省
2020/03/11 无线电
PHP漏洞全解(详细介绍)
2012/11/13 PHP
页面乱码问题的根源及其分析
2013/08/09 PHP
windows下PHP_intl.dll正确配置方法(apache2.2+php5.3.5)
2014/01/14 PHP
php mb_substr()函数截取中文字符串应用示例
2014/07/29 PHP
php socket实现的聊天室代码分享
2014/08/16 PHP
PHP使用Memcache时模拟命名空间及缓存失效问题的解决
2016/02/27 PHP
php arsort 数组降序排序详细介绍
2016/11/17 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
javascript 禁用IE工具栏,导航栏等等实现代码
2013/04/01 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
2013/08/02 Javascript
jQuery中[attribute]选择器用法实例
2014/12/31 Javascript
jQuery选择器用法实例详解
2015/12/17 Javascript
js判断是否是手机页面
2017/03/17 Javascript
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
2017/08/17 jQuery
Nodejs中使用phantom将html转为pdf或图片格式的方法
2017/09/18 NodeJs
JavaScript动态加载重复绑定问题
2018/04/01 Javascript
Python网络爬虫出现乱码问题的解决方法
2017/01/05 Python
Python整型运算之布尔型、标准整型、长整型操作示例
2017/07/21 Python
浅谈Python实现贪心算法与活动安排问题
2017/12/19 Python
python字符串和常用数据结构知识总结
2019/05/21 Python
pygame实现俄罗斯方块游戏(AI篇1)
2019/10/29 Python
Python全局锁中如何合理运用多线程(多进程)
2019/11/06 Python
python字符串判断密码强弱
2020/03/18 Python
深入分析python 排序
2020/08/24 Python
Hotels.com爱尔兰:全球酒店预订
2017/02/24 全球购物
暑假实习求职信范文
2013/09/22 职场文书
新闻专业大学生找工作的自我评价
2013/10/30 职场文书
年终晚会主持词
2014/03/25 职场文书
工地安全生产标语
2014/06/06 职场文书
员工安全生产责任书
2014/07/22 职场文书
小学教师2014年度工作总结
2014/12/03 职场文书
服务员岗位职责
2015/02/03 职场文书
有关朝花夕拾的读书笔记
2015/06/29 职场文书
Nginx部署vue项目和配置代理的问题解析
2021/08/04 Servers
Html5获取用户当前位置的几种方式
2022/01/18 HTML / CSS