jQuery上传插件uploadify

https://files.cnblogs.com/jianjialin/uploadify示例.rar

引用了插件文件后,在页面中做如下调用:

  //声明一个普通的html文件上传控件,并指定id

  <input type="file" name="fileInput" id="fileInput" />

  //将声明的普通上传控件与Uploadify插件绑定

  <script type="text/javascript">

  $(document).ready(function() {

  $('#fileInput').fileUpload ({

  //以下参数均是可选

  'uploader' : 'uploader.swf', //指定上传控件的主体文件,默认‘uploader.swf’

  'script' : 'upload.php', //指定服务器端上传处理文件,默认‘upload.php’

  'cancelImg' : 'cancel.png', //指定取消上传的图片,默认‘cancel.png’

  'auto' : true, //选定文件后是否自动上传,默认false

  'folder' : '/uploads' //要上传到的服务器路径,默认‘/’

  'muti' : true, //是否允许同时上传多文件,默认false

  'fileDesc' : 'rar文件或zip文件' //出现在上传对话框中的文件类型描述

  'fileExt' : '*.rar;*.zip', //控制可上传文件的扩展名,启用本项时需同时声明fileDesc

  'sizeLimit': 86400 //控制上传文件的大小,单位byte

  'simUploadLimit' :5 //多文件上传时,同时上传文件数目限制

  });

  });

  </script>

  上面列出了我认为常用的配置选项,此外还有很多参数可配置,参考官方文档

  通过调用相关功能函数,声明功能按钮。

  例如声明上传功能按钮(自动上传时不需要):

  <a href="javascript:$('#fileInput').fileUploadStart();">上传文件</a>

  声明取消多文件上传时上传队列:

  <a href="javascript:$('#fileInput').fileUploadClearQueue();">取消上传队列</a>

文章来自中国建站:http://www.jz123.cn/text/2419333.html

例如

代码

需要修改

<httpRuntime maxRequestLength="2097151" executionTimeout="3600" /> 设置程序能上传的最大文件 默认为4MB

原文地址:https://www.cnblogs.com/jianjialin/p/1611880.html