提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

JS简单实现文件上传实例代码（无需插件）

JS实例文件上传插件代码 实现 简单
2023-06-13 09:15:12 时间

复制代码代码如下:


<spanclass="up-btn"id="selectFile">请选择文件</span>
<inputtype="file"name="fileupload"style="FILTER:alpha(opacity=0);moz-opacity:0;opacity:0;"/>

//点击#selectFile触发input:file的click事件
复制代码代码如下:

jQuery("#selectFile").live("click",function(){
  varie=!-[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下inputfile文件不支持onchange事件，所以在此浏览器下我还是用<inputtype="file"value=""/>

相关文章