使用Twitter Bootstrap，C＃，asp.net和javascript上传文件

链接到Jasny http://jasny.github.com/bootstrap/javascript.html#fileupload

链接到表单的样子http://img507.imageshack.us/img507/3308/picpx.png

我在我的boot strap项目中使用Jasny Javascript文件上传，它看起来像这样：

ASP \ HTML视图

 
 
 
 
Select fileChangeRemove 
  

我如何在后面的代码中使用它来将附加文件保存到我的服务器，就像我使用C＃asp.net文件上传一样？

在ASP.net C＃中我通常会在后面的代码中执行此操作：

ASP.net C＃CodeBehind

 string filename = FileUpload1.PostedFile.FileName; FileUpload1.PostedFile.SaveAs(Path.Combine(Server.MapPath("\\Document"), filename).ToString()); filelocation = "Document\\" + filename; media = "Document"; 

Jasny github解释了如何使用bootstrap设置布局，这很棒，因为它看起来非常好（比无聊的asp文件上传要好得多）但是如何实际让我发布我的按钮点击？ 我真的想让这个工作，因为我认为它看起来更好。

Answer 1

由于您希望在没有标准asp.net控件的情况下执行此操作，因此您必须执行asp.net为您执行的一些连接。

确保您的输入具有ID。 我将它设置为myFile。

 
 
 
 
   
 Select file Change  Remove 
 
  

您的页面现在应该对您的页面具有HtmlInputFile控件。 像这样：

 protected HtmlInputFile myFile; 

然后你应该能够收到文件：

 if (IsPostBack) { if (myFile.PostedFile != null) { // File was sent var postedFile = myFile.PostedFile; int dataLength = postedFile.ContentLength; byte[] myData = new byte[dataLength]; postedFile.InputStream.Read(myData, 0, dataLength); } else { // No file was sent } }