.net MVC借助Iframe实现无刷新上传文件

html:

<div id="uploadwindow" style="display: none;">

    <form action="/ShopActivitys/ImportActivityItems" id="form1" name="form1" enctype="multipart/form-data" method="post" target="hidden_frame">

        <table style="width: 300px;">

            <tr>

                <td style="width: 80px; display: block;">选择文件：</td>

                <td>

                    <input type="file" id="file" name="activityitemsfile" />

                </td>

            </tr>

        </table>

        <input type="submit" value="上传文件" />

        <iframe name='hidden_frame' id="hidden_frame" style='display: none'></iframe>

    </form>

</div>

CallBack函数：

var UploadFun = {

    CallBack: function (msg) {

        $.messager.alert('上传文件', msg, 'info');



    }

};

后台处理：

    public void ImportActivityItems()

        {

            string error = "导入成功";

            try

            {

                var f = Request.Files["activityitemsfile"];



                var fpath = Server.MapPath("/Upload/活动链接数据/");

                if (!Directory.Exists(fpath))

                    Directory.CreateDirectory(fpath);

                string fullfilename = fpath + DateTime.Now.ToFileTime() + f.FileName;

                f.SaveAs(fullfilename);

            }

            catch (Exception ex)

            {

                Logger.Error(ex.ToString());

                error = "导入过程中发生错误，请重试";

            }

            Response.Write("<script type=\"text/javascript\"> parent.UploadFun.CallBack(\"" + error + "\")</script>");

        }

 细节问题：

file控件是否有值：

if ($("#file").val())

 $("#submitform").trigger("click");

else

 $.messager.alert('上传文件', '请选择文件', 'info');

 

提交表单数据后表单的重置（注意如果包含多个表单请注意索引的顺序）：

 $('#shoppriceform1')[0].reset()，js原生态的写法document.forms[0].reset();

在单个页面构建导入弹窗时，页面的内容一般是动态创建的，以前是利用easyui 中datagrid的href加载一个页面，现在直接在本页面构建Html内容，

在单个页面构建html的问题就是给弹窗的Content赋值以后 原来的HTML还在，出现两个ID相同的元素导致定位失败