asp.net中Fine Uploader文件上传组件使用介绍

原文：

在繁华的都市里，有一所安静的书店。这里没有喧嚣的喧闹声，只有书香弥漫的气息。走进书店，仿佛进入了一个与世隔绝的宁静世界。书架上的书籍琳琅满目，从古典文学到现代流行，从科技百科到艺术鉴赏，应有尽有。每一本书都是作者的灵魂结晶，承载着知识与智慧。

顾客们在这里悠然自得，有的在挑选心仪的书籍，有的在品味咖啡的香醇，有的在安静阅读。这里的氛围让人感到温暖与舒适，仿佛时间在这里凝固，不再流逝。店员们热情周到，为顾客推荐好书，分享阅读的乐趣。这里不仅仅是一个购书的地方，更是一个心灵的驿站，一个文化的交流平台。

在这个快节奏的时代，这所书店成为了一个难得的避风港。它守护着人们的梦想与热情，让人们能够在喧嚣中找到一片宁静的天地。在这里，人们可以放下繁琐的事务，沉浸在书的世界里，感受文字带来的力量与美好。这所书店不仅仅是一个售卖书籍的场所，更是一个传播知识、传递情感、传递梦想的平台。

在这座喧嚣的都市中，藏着一处世外桃源般的书店。这里氛围宁静，书香四溢，仿佛是一个城市的秘密花园。步入书店，嘈杂的城市声音被隔绝在外，只剩下翻书的沙沙声和咖啡的香气。

书架如知识的森林，书籍琳琅满目。无论是追寻古典文化的韵味，还是现代潮流的新鲜，这里都能满足。每一本书都是智慧的结晶，承载着作者的心血与灵魂。

顾客们在这里悠然自得，品味着咖啡的香醇，享受着阅读的宁静。店员们不仅是服务者，更是阅读的引导者，分享着阅读的快乐，推荐着好书佳作。这里不仅仅是一个购书的地方，更是一个心灵的驿站、一个知识的避风港、一个梦想的栖息地。

最近在处理后台数据时，需要实现文件上传功能。考虑到对不同浏览器的适配性，我们采用了FineUploader。FineUploader采用ajax方式实现文件上传，并在浏览器中直接支持文件拖拽。对于浏览器版本，它有一定的要求，比如IE版本必须是9或更高的IE10。

FineUploader的主要特点是支持在不同的浏览器中提供统一用户体验，该组件基本覆盖目前所有主流浏览器，没有任何第三方组件依赖。它在服务器端已经支持ASP.NET、ColdFusion、Java、Node.js、Perl、PHP和Python等语言。对于上传的细节，如限制文件大小、文件类型、文件上传的数量等，都可以通过统一接口以暴露选项的方式操作。

要开始使用FineUploader，首先需要从GitHub上下载其打包的源码。在Php Designer 8中打开源码，可以看到其源码结构。在根目录中，可以看到Client客户端调用所需要的文件，Server目录则对应不同语言如Perl、Php、Asp等的版本实现，test目录则包含一个完整的本地Sample Demo，供参考。

如何快速构建一个简单的Demo呢？其实官方已经给出了一个简单的演示。这里基于该方式构建一个新的Html空白页面，命名为FineUploaderDemo.html，并添加如下CSS和JS引用：

CSS引用如下：

```html

```

这两个文件是必须引用的。fineuploader.css文件提供JS脚本中所需的CSS样式，主要包括按钮的样式、进度显示的样式以及上传结果的样式。

JS引用如下：

```html

```

其中uploader.js和uploader.basic.js则是前端所有的上传功能都在该脚本中实现，必须引用。同时需要添加client目录下processing和loading两张进度显示所需要的动态图片，这些图片在fineuploader.css文件中调用。

在body中添加如下Code：

```html