服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - ASP.NET教程 - asp.net中MVC借助Iframe实现无刷新上传文件实例

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

2019-12-12 13:45shichen2014 ASP.NET教程

这篇文章主要介绍了asp.net中MVC借助Iframe实现无刷新上传文件的方法,详细分析了前端界面、回调函数与后台处理的详细流程,非常具有参考借鉴价值,需要的朋友可以参考下

本文实例讲述了asp.netMVC借助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>");
}

 

希望本文所述对大家的asp.net程序设计有所帮助。

延伸 · 阅读

精彩推荐