1.Create Uploadfile.aspx, code as below:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Uploadfile.aspx.cs" Inherits="Uploadfile" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>File Upload Control</title> </head> <body> <form id="form1" runat="server"> <div> <asp:FileUpload runat="server" ID="fuSample" /> <asp:Button runat="server" ID="btnUpload" Text="Upload" onclick="btnUpload_Click" /> <asp:Label runat="server" ID="lblMessage" Text=""></asp:Label> </div> </form> </body> </html>
2.create Uploadfile.aspx.cs, code as below:
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class Uploadfile : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void btnUpload_Click(object sender, EventArgs e) { //Files is folder Name, make sure it exists fuSample.SaveAs(Server.MapPath("/Files") + "//" + fuSample.FileName); lblMessage.Text = "File Successfully Uploaded"; } }
3.create a new file: demo.html, code shown as below, (embed the Uploadfile.aspx in Your Html page using iframe)
<h3>Demo</h3> <iframe height="40" width="700" src="Uploadfile.aspx"> </iframe>
4.visit /demo.html, now you can be able to upload your file from html itself,by using UploadFiles.aspx
