NeatUpload的安装使用

NeatUpload的安装使用版本:NeatUpload-1.2.32,用于文件上传。可传大文件。1.在VS工具箱中点右键选“选择项”……将Brettle.Web.NeatUpload.dll添加到工具箱。可以在添加后的工具箱看到

大家好,又见面了,我是你们的朋友全栈君。

版本:NeatUpload-1.2.32,用于文件上传。可传大文件。

 

1.在VS工具箱中点右键选“选择项”…… 将Brettle.Web.NeatUpload.dll添加到工具箱。

<span role="heading" aria-level="2">NeatUpload的安装使用

可以在添加后的工具箱看到相应控件。

<span role="heading" aria-level="2">NeatUpload的安装使用

 

2.新建web项目。将NeatUpload复制到项目根目录。

<span role="heading" aria-level="2">NeatUpload的安装使用

3.修改Web.config

 

<?xml version=“1.0” encoding=“utf-8“?>

 

<configuration>

 

    <configSections>

        <sectionGroup name=“system.web“>

            <sectionname=“neatUpload” type=“Brettle.Web.NeatUpload.ConfigSectionHandler, Brettle.Web.NeatUpload” allowLocation=“true“ />

        </sectionGroup>

    </configSections>

 

    <appSettings/>

    <connectionStrings/>

 

    <system.web>

        <neatUploaduseHttpModule=“false” maxNormalRequestLength=“4096” maxRequestLength=“2097151” defaultProvider=“FilesystemUploadStorageProvider“>

            <providers>

                <addname=“FilesystemUploadStorageProvider“

                type=“Brettle.Web.NeatUpload.FilesystemUploadStorageProvider, Brettle.Web.NeatUpload“ />

            </providers>

        </neatUpload>

        <compilation debug=“false“>

        </compilation>

        <authentication mode=“Windows“ />

        <httpModules>

            <!–如果不加这httpmodules,进度条不显示–>

           <addname=“UploadHttpModule” type=“Brettle.Web.NeatUpload.UploadHttpModule, Brettle.Web.NeatUpload“/>

        </httpModules>

    </system.web>

    <location path=“Default.aspx“ >

        <system.web>

            <neatUploaduseHttpModule=“true“ />

            <httpRuntime maxRequestLength=“2097151” executionTimeout=“3600” useFullyQualifiedRedirectUrl=“true“ />

        </system.web>

    </location>

</configuration>

 

 

 

现在可以拖拽控件开始编程了。

4.aspx页面代码如下:

 

<head runat=”server”>

    <title> NeatUpload </title>

    <script type=”text/javascript” language=”javascript”>

       function ToggleVisibility(id, type)

       {

           el = document.getElementById(id);

           if(el.style)

           {

               if(type == ‘on’)

               { 

                  el.style.display = ‘block’;

               }

               else

               { 

                  el.style.display = ‘none’;

               }

           }

           else

           {

               if(type == ‘on’)

               { 

                   el.display = ‘block’;

               }

               else

               {      

                  el.display = ‘none’;

               }

           }

       }

   </script>

</head>

<body>

    <form id=”form1″ runat=”server”>

    <div>

        <Upload:InputFile ID=”AttachFile” runat=”server” />

   <asp:Button ID=”Upload” runat=”server” Text=”Upload”

            OnClientClick=”ToggleVisibility(‘ProgressBar’,’on’)” onclick=”Upload_Click” />

       <div id=”ProgressBar” >

       <Upload:ProgressBar ID=”pbProgressBar” runat=’server’ Inline=”true” Width=”280px”

               Height=”50px”>

       </Upload:ProgressBar>

   </div>

   </div>

    </form>

</body>

</html>

 

 

设计页面如下:

<span role="heading" aria-level="2">NeatUpload的安装使用

 

5.按钮事件处理函数:

 

protected void Upload_Click(object sender, EventArgs e)

        {

            string FileName = this.AttachFile.FileName;//获取上传文件的全路径

            string ExtenName = System.IO.Path.GetExtension(FileName);//获取扩展名

            string SaveFileName = System.IO.Path.Combine(Request.PhysicalApplicationPath, DateTime.Now.ToString(“yyyyMMddhhmm”) + ExtenName);//合并两个路径为上传到服务器上的全路径

            if (this.AttachFile.ContentLength > 0)

            {

                try

                {

                    this.AttachFile.MoveTo(SaveFileName, Brettle.Web.NeatUpload.MoveToOptions.Overwrite);

                }

                catch (Exception ex)

                {

                    throw ex;

                }

            }

        }

 

 

做到这里程序就可以运行的了。

默认的进度条的样式是可以修改的。

主要修改default.css、Progress.aspx及ProgressBar控件的属性。

<span role="heading" aria-level="2">NeatUpload的安装使用

 

default.css修改部分:

 

.ProgressDisplay .ProgressBar {

      background-color: #D7E5F7;

      background-image: url(“/11.gif”); /*进度条背景图片*/

      height:20px;

}

#normalInProgress{

     color: Red;      /*进度条字体颜色*/

}

#completed{

     color:Blue;   /*上传完成的字体颜色*/

}

 

 

Progress.aspx是显示进度条的核心文件,相关数据的显示都在里面。

 

<td id=”barTd” >

              <div id=”statusDiv” runat=”server” class=”StatusMessage”>

 

                   <Upload:DetailsSpan id=”normalInProgress” runat=”server” WhenStatus=”NormalInProgress” style=”font-weight: normal; white-space: nowrap;“>                                <%—  正在上传时显示的   —%>

                   <%— <%# FormatCount(BytesRead) %>/<%# FormatCount(BytesTotal) %> <%# CountUnits %> —%>

                  (<%# String.Format(“{0:0%}”, FractionComplete) %>) at <%# FormatRate(BytesPerSec) %>

                   <%— – <%# FormatTimeSpan(TimeRemaining) %> left        —%>

                   </Upload:DetailsSpan>

 

                   <Upload:DetailsSpan id=”chunkedInProgress” runat=”server” WhenStatus=”ChunkedInProgress” style=”font-weight: normal; white-space: nowrap;“>       

                    <%# FormatCount(BytesRead) %> <%# CountUnits %>

                       at <%# FormatRate(BytesPerSec) %>

                       – <%# FormatTimeSpan(TimeElapsed) %> elapsed

                   </Upload:DetailsSpan>

                   <Upload:DetailsSpan id=”completed” runat=”server” WhenStatus=”Completed”>

                       <%—  上传完成时显示的   —%>

完成了: <%# FormatCount(BytesRead) %> <%# CountUnits %>

                       at <%# FormatRate(BytesPerSec) %>

                       took <%# FormatTimeSpan(TimeElapsed) %>

                   </Upload:DetailsSpan>

                   <Upload:DetailsSpan id=”cancelled” runat=”server” WhenStatus=”Cancelled”>

                       Cancelled!

                   </Upload:DetailsSpan>

                   <Upload:DetailsSpan id=”rejected” runat=”server” WhenStatus=”Rejected”>

                       Rejected: <%# Rejection != null ? Rejection.Message : “” %>

                   </Upload:DetailsSpan>

                   <Upload:DetailsSpan id=”error” runat=”server” WhenStatus=”Failed”>

                       Error: <%# Failure != null ? Failure.Message : “” %>

                   </Upload:DetailsSpan>

                   <Upload:DetailsDiv id=”barDetailsDiv” runat=”server” UseHtml4=”true”

                        Width=’<%# Unit.Percentage(Math.Floor(100*FractionComplete)) %>‘ class=”ProgressBar”></Upload:DetailsDiv> 

              </div>

         </td>

 

 

程序的效果图如下:

上传前:

<span role="heading" aria-level="2">NeatUpload的安装使用

 

上传中:

<span role="heading" aria-level="2">NeatUpload的安装使用

 

上传结束:

 

<span role="heading" aria-level="2">NeatUpload的安装使用

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/155286.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • pycharm汉化包

    pycharm汉化包更新一个pycharm汉化包,下面给出具体炒作流程1.解压压缩包,里面一共有两个东西第一个文件夹是汉化的所有文件,(简单的说就是第二个文件解压后的文件,不过第二个文件本身并不是压缩包,只是可以用解压的方式打开而已)2.解压以后,将resources_cn复制,粘贴到pycharm的lib目录下,具体目录如下图3.将resources_cn粘贴到这个目录下…

    2022年5月9日
  • MP4格式详解_mp4格式有哪些

    MP4格式详解_mp4格式有哪些一、mp4概述MP4文件中的所有数据都装在box(QuickTime中为atom)中,也就是说MP4文件由若干个box组成,每个box有类型和长度,可以将box理解为一个数据对象块。box中可以包含另一个box,这种box称为containerbox。一个MP4文件首先会有且只有一个“ftyp”类型的box,作为MP4格式的标志并包含关于文件的一些信息;之后会有且只有一个“moov”类型的box(MovieBox),它是一种containerbox,子box包含了媒体的metadata信息;MP4文

    2022年10月16日
  • 360常用快捷键_10个常用的快捷键

    360常用快捷键_10个常用的快捷键“工欲善其事必先利其器”,整理了一份360常用快捷键。======================================常用快捷键======================================Ctrl+小键盘“+”当前页面放大10%Ctrl+小键盘“-”当前页面缩小10%——————-…

    2022年11月3日
  • 安捷伦频谱仪的使用方法图解_安捷伦E4402B频谱仪使用说明

    安捷伦频谱仪的使用方法图解_安捷伦E4402B频谱仪使用说明标签:安捷伦仪器使用说明安捷伦仪器使用说明本资料为安捷伦频谱仪器使用说明,资料用于学习交流不能以任何形式商用。文档内容节选AgilentE4402BESAESeriesSpectrumAnalyzer使用方法简介宁波之猫2009617…

    2022年8月11日
  • linux下打包命令_linux常用命令全集

    linux下打包命令_linux常用命令全集linux系统中遇到要打包文件的时候我们该使用什么命令呢?下面由秋天网Qiutian.ZqNF.Com小编为大家整理了linux系统中打包文件的命令详解的相关知识,希望对大家有帮助!linux系统中打包文件的命令详解tartar的选项与参数非常的多!我们只讲几个常用的选项,更多选项您可以自行mantar查询啰![[emailprotected]~]#tar[-j|-z][cv]…

    2022年8月24日
  • file_get_contents(“php://input”)的使用方法

    file_get_contents(“php://input”)的使用方法

    2021年10月11日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号