uploadify2.1.4例子资源-CSDN文库

共81个文件

as：58个

js：7个

swf：3个

sql2008

需积分: 3 96 浏览量 2016-02-01 11:35:51 上传评论收藏 443KB RAR 举报

《C#批量上传插件Uploadify2.1.4实战详解》在信息化时代，数据交换与文件上传已经成为各类Web应用不可或缺的一部分。Uploadify作为一款高效、易用的JavaScript插件，广泛应用于C#开发环境中，它使得用户能够便捷地进行多文件批量上传，大大提升了用户体验。本文将围绕Uploadify2.1.4版本，结合C#后端处理和SQL2008数据库操作，详细介绍如何实现文件的批量上传并将其存储到数据库，同时展示如何读取和显示上传的文件以及查看大图。一、Uploadify介绍 Uploadify是一款基于Flash和HTML5的文件上传组件，它提供了一种直观的用户界面，允许用户选择多个文件进行上传，同时支持进度条显示，增强了用户体验。Uploadify2.1.4版本兼容性好，且具备高度定制性，可以根据开发者的需求进行样式和功能调整。二、C#环境配置 1. 创建ASP.NET Web应用程序：我们需要在Visual Studio中创建一个新的ASP.NET Web应用程序项目，并确保.NET Framework版本与Uploadify要求的版本相匹配。 2. 引入Uploadify库：将uploadify2.1.4压缩包解压，将包含的js和swf文件添加到项目的Script和Images目录下。三、前端页面设置在HTML页面中，我们需要引入Uploadify的相关脚本和CSS，并设置Uploadify控件。以下是一个基本的Uploadify使用示例： ```html <!DOCTYPE html> <html> <head> <link href="style/uploadify.css" rel="stylesheet" type="text/css" /> <script src="js/jquery.js"></script> <script src="js/uploadify.min.js"></script> <script> $(function () { $("#fileInput").uploadify({ 'uploader': 'scripts/uploadify.swf', 'script': 'Uploader.ashx', // C#处理文件上传的后台处理程序 'cancelImg': 'images/cancel.png', 'folder': '/uploads', 'queueID': 'fileQueue', 'auto': true, 'multi': true, 'simUploadLimit': 3, // 同时上传文件的数量 'fileTypeDesc': 'Image Files', 'fileTypeExts': '*.jpg;*.jpeg;*.png;*.gif' }); }); </script> </head> <body> <input id="fileInput" type="file" name="FileUpload" /> <div id="fileQueue"></div> </body> </html> ``` 四、C#后端处理在C#中，我们需要创建一个HttpHandler（如Uploader.ashx）来接收和处理上传的文件。这个处理器会接收来自Uploadify的POST请求，将上传的文件保存到服务器的指定目录，并将文件信息保存到SQL2008数据库。 ```csharp using System; using System.Web; using System.IO; public class Uploader : IHttpHandler { public void ProcessRequest(HttpContext context) { if (context.Request.Files.Count > 0) { foreach (HttpPostedFile file in context.Request.Files) { if (file.ContentLength > 0) { string filename = Path.GetFileName(file.FileName); string filepath = Path.Combine(Server.MapPath("~/uploads"), filename); file.SaveAs(filepath); // 存储文件信息到数据库 SaveToFileDB(filename, filepath); } } } context.Response.ContentType = "text/plain"; context.Response.Write("文件上传成功"); } private void SaveToFileDB(string filename, string filepath) { // 连接数据库，执行SQL语句，将文件名和路径保存到相应的表中 } public bool IsReusable { get { return false; } } } ``` 五、数据库操作在`SaveToFileDB`方法中，我们需要连接到SQL2008数据库，创建一个用于存储文件信息的表，例如`UploadedFiles`，包含`FileName`和`FilePath`两个字段。然后通过SQL语句插入上传文件的相关信息。 ```sql CREATE TABLE UploadedFiles ( ID INT PRIMARY KEY AUTO_INCREMENT, FileName NVARCHAR(255), FilePath NVARCHAR(255) ) INSERT INTO UploadedFiles (FileName, FilePath) VALUES (@FileName, @FilePath) ``` 六、读取与显示当需要从数据库中读取并显示已上传的文件时，可以通过查询`UploadedFiles`表获取文件信息，然后在前端使用适当的方式（如ASP.NET Image控件）显示图片。对于大图查看，可以提供一个放大镜效果或者单独的详情页面，以提高用户体验。七、安全性考虑在实际应用中，需要注意文件上传的安全问题，包括防止文件覆盖、文件类型限制、大小限制等。Uploadify提供了相应的配置选项，可以在前端进行初步验证，而后端也需要对上传的文件进行安全检查，确保上传过程的安全。总结，Uploadify2.1.4结合C#和SQL2008，为我们提供了一个完整的批量文件上传解决方案，实现了从文件选择、上传、存储到数据库再到读取和显示的完整流程。理解并掌握这一技术，可以有效提升Web应用的文件管理功能，为用户提供更高效、友好的服务。

资源推荐

资源详情

资源评论

收起资源包目录

uploadify2.1.4.rar （81个子文件）

uploadify2.1.4

Uploadify.v12.suo 20KB

web

web.config 2KB

Scripts

jquery-1.4.1.min.js 70KB

jquery-1.4.1-vsdoc.js 234KB

新建文本文档 (2).html 4KB

jquery-1.4.1.js 165KB

UplodHandler.ashx 2KB

UploadFile

Default.aspx.cs 377B

jquery.uploadify-v2.1.4

uploadify.css 2KB

jquery.uploadify.v2.1.4.min.js 8KB

uploadify.swf 22KB

uploadify.php 2KB

jquery.uploadify.v2.1.4.js 15KB

uploadify.fla 92KB

expressInstall.swf 727B

com

adobe

air

logging

FileTarget.as 3KB

utils

DateUtil.as 17KB

IntUtil.as 3KB

XMLUtil.as 5KB

NumberFormatter.as 2KB

StringUtil.as 7KB

DictionaryUtil.as 3KB

ArrayUtil.as 5KB

serialization

json

JSON.as 3KB

JSONTokenizer.as 15KB

JSONEncoder.as 9KB

JSONDecoder.as 7KB

JSONTokenType.as 2KB

JSONParseError.as 3KB

JSONToken.as 3KB

images

PNGEncoder.as 5KB

JPGEncoder.as 19KB

BitString.as 2KB

protocols

dict

Response.as 652B

Dict.as 10KB

Definition.as 696B

Database.as 616B

MatchStrategy.as 626B

DictionaryServer.as 509B

util

CompleteResponseEvent.as 446B

SocketHelper.as 1KB

events

DisconnectedEvent.as 254B

DictionaryServerEvent.as 464B

DefinitionEvent.as 537B

ErrorEvent.as 616B

ConnectedEvent.as 245B

MatchEvent.as 440B

DatabaseEvent.as 464B

MatchStrategiesEvent.as 492B

DefinitionHeaderEvent.as 527B

NoMatchEvent.as 239B

crypto

WSSEUsernameToken.as 4KB

MD5Stream.as 17KB

SHA256.as 9KB

SHA224.as 9KB

SHA1.as 8KB

HMAC.as 4KB

MD5.as 10KB

webapis

events

ServiceEvent.as 2KB

ServiceBase.as 2KB

URLLoaderBase.as 4KB

net

DynamicURLLoader.as 2KB

URIEncodingBitmap.as 4KB

URI.as 74KB

MimeTypeMap.as 6KB

proxies

RFC2817Socket.as 7KB

IURIResolver.as 3KB

errors

IllegalStateError.as 2KB

fileformats

vcard

Address.as 2KB

VCard.as 2KB

Email.as 2KB

Phone.as 2KB

VCardParser.as 7KB

jquery-1.4.2.min.js 71KB

cancel.png 3KB

uploadify.allglyphs.swf 36KB

check.php 1KB

swfobject.js 10KB

App_Data

Default.aspx 4KB

uploadify.bak 1.58MB

Uploadify.sln 2KB

评论收藏

内容反馈

Machiatto123

粉丝: 0
资源: 15

uploadify2.1.4例子

uploadify2.1.4demo

uploadify2.1.4能使按钮显示中文

jquery-uploadify2.1和3.1两个版本源代码

jquery uploadify 2.1.4 上传插件 支持中文版

uploadify-v2.1.4

jquery.uploadifyv2.1.4

jquery.uploadify-v2.1.4上传文件完整例子

jquery.uploadify-v2.1.4[修正版]

支持中文字符 uploadify v2.1.4

uploadify v2.1.4 使用demo

uploadify中文手册和demo例子.rar

uploadify-2.1.4多文件上传组件的使用说明整理

uploadify-v2.1.4.zip

uploadifive1.2.2 uploadify HTML5版

上传控件jquery.uploadify-v2.1.4的示例源码

jquery.uploadify-v2.1.4

struts2+uploadify(2.1.4)的文件上传

jquery.uploadify-v2.1.4.zip

uploadify_v2.1.4 上传代码

uploadify多文件上传例子代码

Asp.net uploadify3.0例子 uploadify3.0 Demo 详解 修正3.0BATE原有BUG

Uploadify-v2.1.4

jquery uploadify资源

MVC uploadify上传例子

超好看的中文按钮Jquery.uploadify上传例子带演示页面

uploadify 测试例子

php的jquery.uploadify文件上传例子

VM-Pro通用化视觉系统框架V1.6

串口侦听 串口监听 不占用串口 不占用串口的监听

最新资源

jquery uploadify 2.1.4 上传插件支持中文版

Asp.net uploadify3.0例子 uploadify3.0 Demo 详解修正3.0BATE原有BUG

串口侦听串口监听不占用串口不占用串口的监听