用iframe 实现图片上传

 用到两个页面

1、上传处理页面upload.aspx，该页面只一FileUpload控件和一个Button按钮

     <form id="form1" runat="server"> <div>  <asp:FileUpload ID="FileUpload1" runat="server" /> <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="上 传" /> </div> </form>

    upload.aspx.cs文件，主要实现button按钮的上传事件，代码：

    protected void Button1_Click(object sender, EventArgs e) { string filePath = "", fileExtName = "", mFileName = "", mPath = ""; if ("" != FileUpload1.PostedFile.FileName && FileUpload1.PostedFile.ContentLength / 1024 < 2000) { filePath = FileUpload1.PostedFile.FileName;//文件名 fileExtName = filePath.Substring(filePath.LastIndexOf(".") + 1); if (fileExtName == "jpg" || fileExtName == "gif" || fileExtName == "png" || fileExtName == "jpeg") { try { mPath = Server.MapPath("~/uploads/photo/"); mFileName = filePath.Substring(filePath.LastIndexOf("//") + 1); FileUpload1.PostedFile.SaveAs(mPath + Guid.NewGuid().ToString() + mFileName);//上传到服务器上+ string url = "uploads/photo/" + Guid.NewGuid().ToString() + mFileName; Response.Write("<script><!-- parent.document.getElementById('txtPicture').value='" + url + "' </script>"); } catch (Exception error) { Response.Write("<script>alert('" + error.ToString() + "')</script>"); } } else { Response.Write("<script> alert('上传的格式不正确或图片较大！')</script>"); } } else { Response.Write("<script>alert('请选择要上传的图片！')</script>"); } }

   该上传代码用了 Guid.NewGuid()对上传的图片命名，以免上传了重名的文件。

    用iframe上传图片还有就是要把上传的文件路径传到另一个页面中（index.aspx）的文本框中，让其添加到数据库中

   用 Response.Write("<script> parent.document.getElementById('txtPicture').value='" + url + "' </script>");实现了此功能。url为图片路径。

2、首页index.aspx

    调用upload.aspx页面,html代码为：<iframe scrolling="no" src="upPicture.aspx" frameborder="no" border="0" marginwidth="0" marginheight="0" ></iframe>

   还有一个文本框：<asp:TextBox ID="txtPicture" runat="server"></asp:TextBox>把upload.aspx页面中处理出的ur给txtPicture文本框赋值。然后添加到数据库中。

 

这样就完成了用iframe上传图片