NeatUpload的安装使用

版本：NeatUpload-1.2.32，用于文件上传。可传大文件。

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

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

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

3.修改Web.config

<?xml version="1.0" encoding="utf-8"?>

<section name="neatUpload"type="Brettle.Web.NeatUpload.ConfigSectionHandler, Brettle.Web.NeatUpload"allowLocation="true" />

</sectionGroup>

</configSections>

<system.web>

<neatUpload useHttpModule="false" maxNormalRequestLength="4096"maxRequestLength="2097151" defaultProvider="FilesystemUploadStorageProvider">

<providers>

<add name="FilesystemUploadStorageProvider"

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

</providers>

</neatUpload>

</compilation>

<add name="UploadHttpModule"type="Brettle.Web.NeatUpload.UploadHttpModule, Brettle.Web.NeatUpload"/>

</httpModules>

</system.web>

<system.web>

<neatUpload useHttpModule="true" />

</system.web>

</location>

</configuration>

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

4.aspx页面代码如下：

<title> NeatUpload </title>

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>

<div>

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

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

OnClientClick="ToggleVisibility('ProgressBar','on')"οnclick="Upload_Click" />

<Upload:ProgressBar ID="pbProgressBar" runat='server' Inline="true" Width="280px"

Height="50px">

</Upload:ProgressBar>

</div>

</form>

</body>

</html>

设计页面如下：

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控件的属性。

default.css修改部分：

.ProgressDisplay .ProgressBar {

background-color: #D7E5F7;

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

height:20px;

}

#normalInProgress{

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

}

#completed{

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

}

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

<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>

程序的效果图如下：

上传前：

上传中：

上传结束：

转载于:https://www.cnblogs.com/aaaaq/p/4396413.html

NeatUpload的安装使用文件上传。可传大文件。相关推荐

asp.net实现ftp上传代码(解决大文件上传问题)
asp.net实现ftp上传代码(解决大文件上传问题) 参考文章: (1)asp.net实现ftp上传代码(解决大文件上传问题) (2)https://www.cnblogs.com/LYunF/ar ...
jquery 分片上传php,jquery 大文件分片上传插件 fcup.js
软件介绍 fcup.js fcup 是一款支持大文件切片上传插件.该jquery插件使用简单,配置简单明了,支持上传类型指定,进度条查看上传进度.. 安装直接下载源码,上传功能需要php环境,演示地 ...
GitHub 上传大小限制大文件无法上传问题!
壹. 首先下载git-lfs 需要配置lfs密钥(注意不是ssh的密钥)的请看https://github.com/git-lfs/git-lfs git lfs install 贰. 安装好后进入本 ...
git上传超过100m大文件
1.git出错如下错误时执行如下可解决错误: git rm --cache '大文件路径' git commit --amend -CHEAD git push 2.当必须上传大文件时.需借助git ...
jquery 分片上传php,php 大文件分片上传
前端部分上传 //上传控件 uploadBig('upload','zip,rar,7z,tar',{ id: '', type: 'upload_file', } ,(res)=>{ //t ...
html上传文件_.NET基于WebUploader大文件分片上传、断网续传、秒传
(给DotNet加星标,提升.Net技能) 转自:学习中的苦与乐 cnblogs.com/xiongze520/p/10412693.html 现在的项目开发基本上都用到了上传文件功能,或图片,或文档 ...
java 上传断点续传_JAVA大文件上传断点续传解决方案
javaweb上传文件上传文件的jsp中的部分上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 Save 改进后的代码不需要for ...
上传分片切片大文件 XLSX/CSV/TXT
当这个文件数据量也不是很多的时候,有很多前端工具可供选择.例如 SheetJS,就提供了从 Excel.CSV 中解析出用信息的很多方法, 当数据量只是几千条的程度的,选择的余地很多,但是一旦数据量级 ...
python 大文件分片上传_Python实现大文件分片上传
转载请注明出处:http://blog.csdn.net/jinixin/article/details/77545140 引言想借着这篇文章简要谈谈WebUploader大文件上传与Python结合 ...
java流式上传下载_精讲RestTemplate第6篇-文件上传下载与大文件流式下载
C++Templates(第2版英文版) 123.24元 (需用券) 去购买 > 本文是精讲RestTemplate第6篇,前篇的blog访问地址如下: 精讲RestTemplate第1篇-在S ...

NeatUpload的安装使用文件上传。可传大文件。

NeatUpload的安装使用

NeatUpload的安装使用文件上传。可传大文件。相关推荐

最新文章

热门文章

NeatUpload的安装使用 文件上传。可传大文件。

NeatUpload的安装使用

NeatUpload的安装使用 文件上传。可传大文件。相关推荐

最新文章

热门文章

NeatUpload的安装使用文件上传。可传大文件。

NeatUpload的安装使用文件上传。可传大文件。相关推荐