使用Ajax+Iframe 实现无刷新文件上传

最新推荐文章于 2024-08-06 09:48:43 发布
最新推荐文章于 2024-08-06 09:48:43 发布
阅读量3.1k 收藏 1
点赞数
分类专栏： .NET 文章标签： iframe ajax server datagrid dataset string
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oloenxp/article/details/1767404
版权

主要有两部分：
1、用一个Iframe来上传文件  upload.aspx
2、用Ajax实现无刷新显示  index.aspx

代码如下
一、index.aspx
<html>
<head runat="server">
    <title></title>
<script>
function callBack(fileName)
{
    document.getElementById('<%=hidFileFullName.ClientID %>').value=fileName;
    document.all.hidBt.click();
}
</script>
</head>
<body>
    <form id="form1" runat="server">
    <atlas:ScriptManager ID="ScriptManager1" runat=server></atlas:ScriptManager>
            <atlas:UpdatePanel ID="UpdatePanel1" runat=server>
                <ContentTemplate>
                    <table border="0" cellpadding="0" cellspacing="0">
                        <tr height=30 valign=middle width=500>
                            <td><iframe id="file" name="file" frameborder=no noresize scrolling=no width=100% height=30 src="ImportFromExcelIframe.aspx"></iframe></td><td><input type=submit value="" style="width:0" id="hidBt" /></td>
                        </tr>
                        <tr>
                            <td colspan=2></td>
                        </tr>
                        <tr>
                            <td colspan=2>
                                <asp:DataGrid ID="d1" runat=server ShowHeader=False BackColor="White" BorderColor="White" BorderWidth="0px" CellPadding="3" CellSpacing="1" GridLines="None">
                                    <FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
                                    <SelectedItemStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" />
                                    <PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />
                                    <ItemStyle BackColor="WhiteSmoke" BorderColor="White" BorderStyle="Dotted" BorderWidth="1px"
                                        ForeColor="Black" />
                                    <HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF" />
                                </asp:DataGrid>
                            </td>
                        </tr>
                    </table>
                </ContentTemplate>
            </atlas:UpdatePanel>
            <input type=hidden id="hidFileFullName" runat=server />
            <input type=hidden id="hidColumns" runat=server />
    </form>
</body>
</html>
index.aspx.cs
protected void Page_Load(object sender, EventArgs e)
    {
        if (this.IsPostBack)
            Bind();
    }

    DataTable GetDataTable()
    {
        DataTable dt = null;
        System.Data.OleDb.OleDbConnection oExcelConn = null;
        try
        {
            string sExcelConn = "";
            sExcelConn = "Provider=Microsoft.Jet.OLEDB.4.0; Data Source=" + this.hidFileFullName.Value + ";Extended Properties='Excel 8.0;HDR=NO;IMEX=1';";
            oExcelConn = new System.Data.OleDb.OleDbConnection(sExcelConn);
            if (oExcelConn.State != ConnectionState.Open)
                oExcelConn.Open();
            DataTable oSheets = oExcelConn.GetOleDbSchemaTable(System.Data.OleDb.OleDbSchemaGuid.Tables, null);

            string sTableName = string.Empty;
            sTableName = oSheets.Rows[0]["TABLE_NAME"].ToString();
            if (oSheets.Rows.Count > 0)
            {
                dt = new DataTable();
                System.Data.OleDb.OleDbDataAdapter daCashFlow = new System.Data.OleDb.OleDbDataAdapter();
                System.Data.DataSet dsCashFlow = new DataSet();
                daCashFlow.SelectCommand = new System.Data.OleDb.OleDbCommand("Select top 10 * From [" + sTableName + "]");
                daCashFlow.SelectCommand.Connection = oExcelConn;
                daCashFlow.Fill(dt);
            }
        }
        catch (Exception ex)
        {
            if (oExcelConn.State != ConnectionState.Closed)
                oExcelConn.Close();
            oExcelConn.Dispose();
        }
        finally
        {
            if (oExcelConn.State != ConnectionState.Closed)
                oExcelConn.Close();
            oExcelConn.Dispose();
        }
        return dt;
    }
    void Bind()
    {
        DataTable dt = GetDataTable();
        if (dt != null)
        {
            DataTable dtCopy = new DataTable();
            for (int i = 0; i < dt.Columns.Count; i++)
                dtCopy.Columns.Add("", typeof(string));

            DataRow dr = dtCopy.NewRow();
            string strOption = string.Empty;
            DataSet dsOption = DataAccessHelper.ExecuteDataset("select LdtFldName,LdtFldDescStringCode from Sys_ListDt where LdtLstNo='MB.ExpenseTrx' and LdtFldDisplay=1");
            foreach (DataRow drOption in dsOption.Tables[0].Rows)
                strOption += string.Format("<option value={1}>{0}</option>", Strings.GetString(drOption["LdtFldDescStringCode"].ToString()), drOption["LdtFldName"].ToString());

            for (int o = 0; o < dt.Columns.Count; o++)
                dr[o] = string.Format("<select id='selOption{0}'>{1}</select>", o.ToString(), strOption);
            dtCopy.Rows.Add(dr);
            foreach (DataRow drBuffer in dt.Rows)
            {
                DataRow drTemp = dtCopy.NewRow();
                for (int ii = 0; ii < dt.Columns.Count; ii++)
                    drTemp[ii] = drBuffer[ii].ToString();
                dtCopy.Rows.Add(drTemp);
            }
            d1.DataSource = dtCopy;
            d1.DataBind();
        }
        return;
    }


二、 upload.aspx
<html>
<head>
    <title></title>
</head>
<body leftmargin="0" topmargin="0">
    <form id="form1" runat="server">
    <div>
    <table border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td>选择文件：</td><td align=left><asp:FileUpload ID="fileImport" runat="server" /><asp:Button ID="Button1" runat="server" Text="UpLoadFile" OnClick="Button1_Click" />
            </td>
        </tr>
    </table>
    </div>
    </form>
</body>
</html>

upload.aspx.cs
protected void Button1_Click(object sender, EventArgs e)
    {
        try
        {
            string sFilePath = string.Empty;
            string sFileName = string.Empty;
            sFilePath = Server.MapPath("../UpLoad") + "//temp//";
            if (!System.IO.Directory.Exists(sFilePath))
                System.IO.Directory.CreateDirectory(sFilePath);
            if (this.fileImport.PostedFile.FileName.Trim() != "")
            {
                sFileName = System.IO.Path.GetFileName(fileImport.PostedFile.FileName);
                fileImport.PostedFile.SaveAs(sFilePath + sFileName);
                this.ClientScript.RegisterStartupScript(GetType(), "js", "window.top.callBack(/"" + Convert.ToString(sFilePath + sFileName).Replace("//", "/") + "/")", true);
            }
            else
                return;
        }
        catch (Exception ex)
        {
            Console.WriteLine(ex.Message);
            return;
        }
    }

 

oloenxp
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
php无刷新上传文件,php+iframe实现隐藏无刷新上传文件
weixin_39996739的博客
03-11 59
首先ajax不能上传文件，这误导了我有段时间，今晚睡不着就照着说明做了个无刷新上传文件其实原理很简单和一般的标签相比多了一个target属性罢了，用于指定标签页在哪里打开以及提交数据。如果没有设置该属性，就会像平常一样在本页重定向打开action中的url。而如果设置为iframe的name值，即"upload"的话,就会在该iframe内打开，因为CSS设置为隐藏，因而不会有任何动静。若将dis...
html+iframe局部刷新页面,使用ajax与iframe嵌套实现页面局部刷新
weixin_35713233的博客
06-05 551
使用ajax与iframe嵌套实现页面局部刷新。该javascript代码仅供参考，需按自己需要修改。​1. [代码]javascript代码function cj_start(depname,groupid){var urls = "/userGather.action";var status = "";var html_1 = "cj_status.jsp\" style=\"margin-t...
ajax ＋jsp＋iframe无刷新上传文件[转]
11-05 84
http://hi.baidu.com/zj360202/blog/item/f23e3711f929c774cb80c475.html ajax jsp 无刷新上传文件 2009-10-2616:43首先要说的就是 ajax 是无法实现上传文件的，可以想一下ajax与后台通信都是通过传递字符串，怎么能传递文件呢？其实出于安全考虑js是不能操作文件的，所以就不要再说用ajax...
php iframe无刷新上传,php iframe实现无刷新文件上传（无需ajax)
weixin_30768979的博客
03-19 81
class upload{public $_file;public function __construct( $name =null){if(is_null($name) || !isset($_FILES[$name]))$name = key($_FILES);if(!isset($_FILES[$name]))throw new Exception("并没有文件上传");$this-&gt...
php iframe 隐藏 地址,php+iframe实现隐藏无刷新上传文件
weixin_39707597的博客
04-05 163
首先ajax不能上传文件，这误导了我有段时间，今晚睡不着就照着说明做了个无刷新上传文件其实原理很简单和一般的标签相比多了一个target属性罢了，用于指定标签页在哪里打开以及提交数据。如果没有设置该属性，就会像平常一样在本页重定向打开action中的url。而如果设置为iframe的name值，即"upload"的话,就会在该iframe内打开，因为CSS设置为隐藏，因而不会有任何动静。若将dis...
form+iframe实现无刷新上传文件
wangjun5159的专栏
10-20 2846
原理： 利用form的target属性，将action在iframe中打开，并接收返回结果，实现仿ajax的页面无刷新文件上传。 正是action在iframe中打开，所以，页面才会无刷新。target属性值为iframe的name值 form的target属性解释 样例代码： 仿ajax页面无刷新上传文件 <form id="uploadFo
php frame 刷新,PHP+iFrame实现页面无需刷新的异步文件上传
weixin_39956353的博客
03-10 103
本文实例讲述了PHP+iFrame实现页面无需刷新的异步文件上传，是非常实用的常见技巧。分享给大家供大家参考。具体分析如下：说到iframe，现在用它的人是越来越少了，并且很多人都相信它应该被AJAX所取代，的确如此，因为AJAX太出色了。不过有一种情况的实现我还是选择了iframe，这就是本文要说的文件的异步上传，感兴趣的可以试试，如果用原生的AJAX来实现应该是要复杂的多。先来给初学者补补基础...
php+ajax实现图片文件上传功能实例
apple_51426592的博客
10-30 356
只能用$_FILES形式，但是若我们只是单一的用JS方式取其ID，如..document.getElementById('img').value或者jquery形式的$("#img")都是不能正真实际上传的（但是还是有很多人这样做，刚开始时我也是）。目前常用的异步文件上传功能有几种，比较多见的如使用iframe框架形式，ajax功能效果，以及flash+php功能，下面介绍ajax与iframe实现异步文件上传的功能的例子。
ajax刷新iframe,js动态创建上传表单通过iframe模拟Ajax实现无刷新
weixin_29176179的博客
08-05 118
window.onload=function(){upfile('file.php');}/*** url 路径**/function upfile(url){//创建iframevar iframe = document.createElement("iframe");document.body.appendChild(iframe);iframe.id = 'iframeName';ifram...
调用编译器接口ICodeCompiler实现数学表达式计算
oloenxp
08-24 1718
const string staticMethodName = "Calculate";    Type _CompiledType = null;    object _Compiled = null;    object Evaluator(string Expression)    {        ICodeCompiler comp = (new CSharpCodeProvider()
中英文字符串截取
oloenxp
01-29 1341
/* SubStringlength: 每行限制文字数量  默认是20个字符 *      按照英文字符长度来计算， 一个中文字符相当于两个英文字符 * ReplaceCharacter: 超出字符代替样式  默认是 "..."*/ /*截取字符*/        string SubString(string strInput)        {            strInput =
给Reporting Services 加上换行
oloenxp
09-06 724
You can use VBs new line constant : vbNewLine, like this : ="General" & vbNewLine & "Ledger"
.Net反射技术应用解决对象不同版本方法不同参数的问题
oloenxp
08-11 543
在调用Office的时候，我们发现Office2003与Office2000的一个方法参数个数不同，这样导致我们不能够使用正常手段调用该方法，采用反射技术可以轻松解决问题。以下是我写的应用反射技术调用对象方法之简单原型。 using System; using System.Reflection; public class Invoker { public static void Main() {
Lambda 表达式
oloenxp
08-05 454
“Lambda 表达式”是一个匿名函数，它可以包含表达式和语句，并且可用于创建委托或表达式目录树类型。所有 Lambda 表达式都使用 Lambda 运算符 =>，该运算符读为“goes to”。该 Lambda 运算符的左边是输入参数（如果有），右边包含表达式或语句块。Lambda 表达式 x => x * x 读作“x goes to x times x”。可以将此表达式分配给委托类型，如
原生javascript中的ajax通信技术
x15514104477的博客
08-02 233
原生javascript中的ajax网络通讯技术，对ajax的每个步骤的讲解以及，用代码演示，简单易上手
ajax实现前后端交互
最新发布
羽墨墨的博客
08-06 345
AJAX (Asynchronous JavaScript and XML) 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。尽管名字中有“XML”，但现在 AJAX 主要使用 JSON（JavaScript Object Notation）来传递数据。AJAX 的主要优势在于它可以通过后台加载数据，从而改善用户体验，使得 Web 应用更加动态、快速和交互性强。
宏景eHR /ajax/ajaxService SQL注入漏洞复现
0xSec
08-03 416
​宏景eHR /ajax/ajaxService 接口处存在SQL注入漏洞，,未经身份验证的远程攻击者通过利用SQL注入漏洞配合数据库xp_cmdshell可以执行任意命令，从而控制服务器。经过分析与研判，该漏洞利用难度低，建议尽快修复。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值