input的file名改变与值获取

本文介绍了一个使用HTML和JavaScript实现的文件上传功能,该功能能够处理文件的选择与提交,并通过iframe接收服务器端返回的数据。服务器返回的数据会被解析并展示在页面上。
<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('');
        }

    });

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值