input的file名改变与值获取

来源:互联网 发布:网络电玩 编辑:程序博客网 时间:2024/04/30 07:19
<form id="file_form" name="file_form" method="post" action="/syydyjpt/action/operate!importMobile" target="file_upload_return" enctype="multipart/form-data">
            <input type="file" name="upload" id="upload_file" style="display:none;" onChange="document.form1.path.value=this.value">        <!-- 添加上传文件 -->
            <input name="path" type="hidden" readonly>
            <a class="easyui-linkbutton" onclick="document.file_form.upload.click()">导入手机号</a>
            </form>

            <iframe id="file_upload_return" name="file_upload_return" style="display:none"></iframe>    <!-- 提交表单处理iframe框架 -->



$(document).ready(function(){

    //选择文件成功则提交表单

    $("#upload_file").change(function(){
        
        if($("#upload_file").val() != '') $("#file_form").submit();
        //alert($("#file_form").serialize())
        
    });

    //iframe加载响应,初始页面时也有一次,此时data为null。

    $("#file_upload_return").load(function(){

        var data = $(window.frames['file_upload_return'].document.body).html();
        //若iframe携带返回数据,则显示在file_upload_return_img中
        if(data != null){
            data = data.replace(/<.*?>/ig,"");
            data =  eval("("+data+")");
            data = data["data"];
            excelname = data.toString();
            //alert(excelname);
            
            var b = excelname.split(",");
            //alert(b.length);
            var item = "";
            var itemstr="";
            $.each(b,function(i,j) {
                item ={'mobile':j,'id':i,'name':'无','depname':'无'};
                 item = JSON.stringify(item);
                 itemstr=itemstr+item+',';
            });
            
            itemstr = '['+itemstr+']';
            //alert(itemstr)
            itemstr = eval("("+itemstr+")");;
            $.each(itemstr,function(i,j){
                $('#group_table').datagrid("appendRow",j);
            });
            
            $("#upload_file").val('');
        }

    });

});

原创粉丝点击