利用iframe无刷新上传文件的坑

<iframe name="fileUpload"></iframe>
<form method="post" action="xxxx" enctype="multipart/form-data" name="fileForm" target="fileUpload">
    <input type="file" class="fileInput" name="fileInput">
    <input type="submit" value="提交" />
</form>

/*2014年9月18日17:39:47 By 王美建*/
function ajaxUpload(opt){
    /*
        参数说明:
        opt.frameName : iframe的name值;
        opt.url : 文件要提交到的地址;
        opt.fileName : file控件的name;
        opt.format : 文件格式，以数组的形式传递，如['jpg','png','gif','bmp'];
        opt.callBack : 上传成功后回调;
    */
    var iName=opt.frameName; //太长了，变短点
    var iframe,form;
    //创建iframe和form表单
    iframe = $('<iframe name="'+iName+'" />');
    form = $('<form method="post" style="display:none;" target="'+iName+'" action="'+opt.url+'"  name="form_'+iName+'" enctype="multipart/form-data" />');
    file = $('<input type="file" name="'+opt.fileName+'" />');
    file.appendTo(form);
    //插入body
    $(document.body).append(iframe).append(form);
    //触发浏览事件，选择文件
    file.click();
    //选中文件后，验证文件格式是否符合要求
    file.change(function(){
        //取得所选文件的扩展名
        var fileFormat=$(this).val().exec(/\.[a-zA-Z]+$/)[0].substring(1);
        if(opt.format.join('-').indexOf(fileVal)!=-1){
            form.submit();//格式通过验证后提交表单;
        }else{
            iframe.remove();
            form.remove();
            alert('文件格式错误，请重新选择！');
        }
    });
    //文件提交完后
    iframe.load(function(){
        var data = $(this).contents().find('body').html();
        opt.callBack(data);
        iframe.remove();
        form.remove();
    })
}

/*2014年9月19日11:11:07 By 王美建*/
function ajaxUpload(opt){
    /*
        参数说明:
        opt.id : 页面里file控件的ID;
        opt.frameName : iframe的name值;
        opt.url : 文件要提交到的地址;
        opt.format : 文件格式，以数组的形式传递，如['jpg','png','gif','bmp'];
        opt.callBack : 上传成功后回调;
    */
    var iName=opt.frameName; //太长了，变短点
    var iframe,form,file,fileParent;
    //创建iframe和form表单
    iframe = $('<iframe name="'+iName+'" />');
    form = $('<form method="post" style="display:n1one;" target="'+iName+'" action="'+opt.url+'"  name="form_'+iName+'" enctype="multipart/form-data" />');
    file = $('#'+opt.id); //通过id获取flie控件
    fileParent = file.parent(); //存父级
    file.appendTo(form);
    //插入body
    $(document.body).append(iframe).append(form);

    //取得所选文件的扩展名
    var fileFormat=/\.[a-zA-Z]+$/.exec(file.val())[0].substring(1);
    if(opt.format.join('-').indexOf(fileFormat)!=-1){
        form.submit();//格式通过验证后提交表单;
    }else{
        file.appendTo(fileParent); //将file控件放回到页面
        iframe.remove();
        form.remove();
        alert('文件格式错误，请重新选择！');
    };

    //文件提交完后
    iframe.load(function(){
        var data = $(this).contents().find('body').html();        
        file.appendTo(fileParent);
        iframe.remove();
        form.remove();
        opt.callBack(data);
    })
}

.fileInput{ position: absolute;left: 0;top: 0;height: 30px; filter:alpha(opacity=60);opacity:0.6; background-color: transparent;}
.btn{width: 200px;height: 30px; margin: 100px auto; background-color: yellow; text-align: center; line-height: 30px; overflow: hidden; display: block; position: relative;}
<div class="btn">选择文件<input type="file" class="fileInput" name="fileInput"></div>