Jquery plugin

在ASP.NET 中关于文件的上传有很多种;所谓的上传有有两种含意:第一种:就是说把文件保存在数据库;第二种就是保存在

一个指定的文件夹下;

今天给大家介绍一所很简单多文件上传方式;通过JQ Plugin插件的形式来达到上传文件的效果;这种文件上传的方式,简单,灵活

只是能过属性的配置就可以完成上传大部分的工作:

项目目录列表:

第一步:引入Jquery相关的JS文件:

<script src="JQuery/jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script>
--这是VS2008智能感知的一个JS文件
  <script src="JQuery/jquery-1[1].3.2.js" type="text/javascript"></script>
---这里JQ中的内库文件,版本是1.3.2
  <script src="JQuery/jquery.MultiFile.js" type="text/javascript"></script>

----这是JQ Plugin 文件

注:以上三个文件是除第一个外,都必须引用到你的页面文件中,程序才能正确的运行;

第二步:添加FileUpload上传文件控件和一个上传Button;

<fieldset style="height: 94px; width: 359px">
      <legend>JQuery 多文件上传</legend>
      <asp:FileUpload ID="UpFile" runat="server" class="multi" maxlength="2" />
      <asp:Button ID="btnUpload" runat="server" Text="UpLoad All"

          OnClick="btnUpload_Click" />
    </fieldset>

说明:这时可以对FileUpload上传控件配置属性,属性说明:

属性名 说明 用例
Class 上传类型 class=multi
maxlength 上传文件的个数 maxlength=3
accept 接受上传文件类型 accept=jpg|rar
     
时间: 2024-12-31 17:51:13

Jquery plugin的相关文章

制作高质量的JQuery Plugin 插件的方法_jquery

JQuery Plugin插件,如果大家不明白什么是JQuery插件或都不清楚如何编写可以查看其官方的网站:jQuery Authoring Guidelines 好了,下面有一些我觉得想做一个好的插件必须应有的要求: 1.在JQuery命名空间下声明只声明一个单独的名称 2.接受options参数,以便控制插件的行为 3.暴露插件的默认设置 ,以便外面可以访问 4.适当地将子函数提供给外部访问调用 5.保持私有函数 6.支持元数据插件 下面将逐条地过一遍: 只声明一个单独的名称 这表明是一个单

JQuery Plugin 1 - Simple Plugin

1. How do you write a plugin in jQuery? You can extend the existing jQuery object by writing either methods or functions. 1) Writing a custom jQuery method jQuery methods are defined by extending the jQuery.fn object with your method name. $.fn.exten

非常简洁的动态加载js和css的jquery plugin

1// plugin author : chenjinfa@gmail.com 2// plugin name : $.include 3// $.include('file/ajaxa.js');$.include('file/ajaxa.css'); 4// or $.includePath = 'file/';$.include(['ajaxa.js','ajaxa.css']); 5 6$.extend({ 7 includePath: '', 8 include: function(f

HTML5:Subway Map Visualization jQuery Plugin(示例畫深圳地鐵線路圖)

深圳地鐵羅寶線和蛇口線示例:見上圖. 要求瀏覽器版本:browser does support HTML5 canvas element:Google Chrome V 8+;Mozilla Firefox V 3.6+;Opera V 11+;Apple Safari V 5+;Microsoft Internet Explorer V 9+. javascript:   /* Copyright (c) 2010 Nik Kalyani nik@kalyani.com http://www.

JQuery Plugin 2 - Passing Options into Your Plugin

overriding the default options with user-supplied options and the jQuery extend() method eg: $.fn.pulse = function (options) { // Merge passed options with defaults var opts = $.extend({}, $.fn.pulse.defaults, options); return this.each(function () {

DIY jquery plugin - tabs标签切换实现代码_jquery

Why DIY jquery tab 接触jquery 2,3个月了,一直都未动手写过插件.正好最近比较闲,就打算把一直看不顺眼的项目中现有的tab改造一番(现有的tab未能做成一个控件,copy,past的代码太多). 想着jQuery这么强大的库不可能没有tabs插件吧,赶紧搜了一下,哈,果然!jQuery tabs!心里一阵窃喜,赶紧load下来用用吧.可查看了一下它的用法,才发现不太适用现有的项目耶,我们的tab每一个都对应着一个完整的页面,是用iframe嵌入的.而jQuery tab

LazyForm jQuery plugin 定制您的CheckBox Radio和Select_jquery

在下面浏览器下测试通过:Firefox, IE7, IE8, Google浏览器. (IE6还是算了吧),其它浏览器还没试过. 目前刚添加了4个皮肤,添加新皮肤非常方便,您可以参考已添加的皮肤图片和css代码,相信您会很快搞定. 效果截图: 一.在没有使用LazyForm的情况下,在XP下运行截图如下 二.使用LazyForm(皮肤Blue)效果如下三.使用LazyForm(皮肤Black)效果如下四.皮肤Default五.皮肤Graydemo.html代码如下: 复制代码 代码如下: <!DO

JQuery制作的放大效果的popup对话框(未添加任何jquery plugin)分享_jquery

多的不说了,直奔主题,分享一个放大效果的popup dialog,项目中可以根据自己的需求来写css,我打算复用到metro风格的site上去. 看起来动画效果还是比较cool的,如果加上了处理后的效果更佳: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script sr

jQuery Validation PlugIn的使用方法详解_jquery

一.用前必备  官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/  API: http://jquery.bassistance.de/api-browser/plugins.html  当前版本:1.5.5  需要JQuery版本:1.2.6+, 兼容 1.3.2  <script src="../js/jquery.js" type="text/javascript"&g