JS简单实现文件上传实例代码（无需插件）
发布时间：2020-12-14 23:23:13 所属栏目：资源 来源：网络整理
导读：复制代码 代码如下: 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
|
复制代码 代码如下: <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="" /> （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |