上传

1、asp 的上传

 <ext:PageManager ID="PageManager1" runat="server" EnableAjax="false" />
  <asp:FileUpload ID="FileUpload1" runat="server"></asp:FileUpload>
 <asp:Button ID="btnCloseWindow2" runat="server" Text="上传文件" OnClick="btnCloseWindow2_Click"></asp:Button>
 
   protected void btnCloseWindow2_Click(object sender, EventArgs e)
  {
      if (FileUpload1.HasFile)
     {
         FileUpload1.SaveAs(Server.MapPath("~/upload/" + FileUpload1.FileName));
     }
      Alert.ShowInTop("文件上传成功!");
  }

有两个突出问题:1. 文件上传框风格和整个页面风格不搭配。 2. 上传时是整个页面回发,和FineUI默认的AJAX风格也不搭。

2、fineui 的上传

<ext:SimpleForm ID="SimpleForm1" BodyPadding="5px" runat="server" EnableBackgroundColor="true"
     ShowBorder="True" Title="表单" Width="350px" ShowHeader="True">
    <Items>
       <ext:TextBox runat="server" Label="用户名" ID="tbxUseraName" Required="true" ShowRedStar="true">
         </ext:TextBox>
          <ext:FileUpload runat="server" ID="filePhoto" EmptyText="请选择一张照片" Label="个人头像" Required="true"
             ShowRedStar="true">
         </ext:FileUpload>
         <ext:Button ID="btnSubmit" runat="server" OnClick="btnSubmit_Click" ValidateForms="SimpleForm1"
              Text="提交">
           </ext:Button>
      </Items>
   </ext:SimpleForm>
 
  protected void btnSubmit_Click(object sender, EventArgs e)
  {
       string fileName = DateTime.Now.Ticks.ToString() + "_" + filePhoto.FileName;
    if (filePhoto.HasFile)
       {
           filePhoto.SaveAs(Server.MapPath("~/upload/" + fileName));
       }

下面来看看FileUpload的属性:

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

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

3、实例

<f:FileUpload ID="SelectFile" runat="server"  Label="更新文件"  ></f:FileUpload>

string UploadFilePath = Server.MapPath("~/APP/");
        //完整路径名称
        string FullFileName = UploadFilePath + SelectFile.FileName;

 if (System.IO.File.Exists(FullFileName)) 
            {
                System.IO.File.Delete(FullFileName);
            }

            SelectFile.SaveAs(FullFileName);
posted @ 2018-10-10 09:28 一桥独坐 阅读(...) 评论(...) 编辑 收藏