FineUI上传控件

文件上传

现在就简单多了，并且也漂亮多了，参考这个示例。

 

   1:  <ext:SimpleForm ID="SimpleForm1" BodyPadding="5px" runat="server" EnableBackgroundColor="true"

   2:      ShowBorder="True" Title="表单" Width="350px" ShowHeader="True">

   3:      <Items>

   4:          <ext:TextBox runat="server" Label="用户名" ID="tbxUseraName" Required="true" ShowRedStar="true">

   5:          </ext:TextBox>

   6:          <ext:FileUpload runat="server" ID="filePhoto" EmptyText="请选择一张照片" Label="个人头像" Required="true"

   7:              ShowRedStar="true">

   8:          </ext:FileUpload>

   9:          <ext:Button ID="btnSubmit" runat="server" OnClick="btnSubmit_Click" ValidateForms="SimpleForm1"

  10:              Text="提交">

  11:          </ext:Button>

  12:      </Items>

  13:  </ext:SimpleForm>

   1:  protected void btnSubmit_Click(object sender, EventArgs e)

   2:  {

   3:      string fileName = DateTime.Now.Ticks.ToString() + "_" + filePhoto.FileName;

   4:      if (filePhoto.HasFile)

   5:      {

   6:          filePhoto.SaveAs(Server.MapPath("~/upload/" + fileName));

   7:      }

   8:  }

下面来看看FileUpload的属性:

1. ButtonText：按钮文本。
2. ButtonOnly：是否只显示按钮，不显示只读输入框。
3. ButtonIcon：按钮图标。
4. ButtonIconUrl：按钮图标地址。
5. PostedFile：上传的文件。
6. HasFile：是否包含文件。
7. FileName：上传文件名。

 

还有一个重要的方法 SaveAs，用来将上传的文本保存到服务器上。