当前位置:七道奇文章资讯网站建设网站编程
日期:2010-10-28 10:45:00  来源:本站整理

<b>ASP.NET带进度条多文件上传程序</b>[网站编程]

赞助商链接



  本文“<b>ASP.NET带进度条多文件上传程序</b>[网站编程]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:

  1)解压jquery.uploadify-v2.1.0.zip,复制example\index.php的代码,对应粘贴到你的页面(HTML或ASPX),注意拷贝呼应的CSS、JS和SWF文件到你的项目对应目录

  2)解压 JQuery EasyUI.zip,拷贝呼应的CSS、JS文件到你的项目对应目录,并在你的页面中的<title></title>标签中增添引用

  HTML:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <title>多文件上传 - 可设置多文件还是单文件上传,以及上传文件的大小</title>

  <!--JQuery-->

  <script type="text/javascript" src="scripts/jquery-1.4.2.min.js"></script>

  <!--JQuery EasyUI-->

  <link href="css/easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" />

  <link href="css/easyui/themes/icon.css" rel="stylesheet" type="text/css" />

  <script type="text/javascript" src="scripts/jquery.easyui.min.js"></script>

  <!--MultiUpload-->

  <link href="css/default.css" rel="stylesheet" type="text/css" />

  <link href="css/uploadify.css" rel="stylesheet" type="text/css" />

  <script type="text/javascript" src="scripts/swfobject.js"></script>

  <script type="text/javascript" src="scripts/jquery.uploadify.v2.1.0.min.js"></script>

  <script type="text/javascript">

  $(document).ready(function () {

  $("#uploadify").uploadify({

  'uploader': 'Flash/uploadify.swf',

  'script': 'UploadHandler.ashx',

  'cancelImg': 'Images/cancel.png',

  'folder': 'Uploads',

  'queueID': 'fileQueue',

  //'fileDesc': '*.rar;*.jpg;*.gif',

  //'fileExt': '*.rar;*.jpg;*.gif',

  'sizeLimit': '2097152', //2M

  'auto': false,

  'multi': true,

  'onError': function (a, b, c, d) {

  if (d.status == 404)

  alert('Could not find upload script.');

  else if (d.type === "HTTP")

  alert('error ' + d.type + ": " + d.status);

  else if (d.type === "File Size")

  alert(c.name + ' ' + d.type + ' Limit: ' + Math.round(d.sizeLimit / 1024) + 'KB');

  else

  alert('error ' + d.type + ": " + d.info);

  }

  });

  });

  </script>

  </head>

  <body>

  <div class="easyui-tabs" style="width: 400px; height: 300px;padding-bottom:5px">

  <div title="上传文件列表" id="fileQueue" style="padding: 10px;">

  </div>

  <!--<div title="已上传文件" id="fileUploaded" closable="false" style="padding: 10px;">

  </div>-->

  </div>

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

  <p>

  <a href="javascript:$('#uploadify').uploadifyUpload()">全部上传</a>| <a href="javascript:$('#uploadify').uploadifyClearQueue()">

  全部撤消</a>

  </p>

  </body>

  </html>


  以上是“<b>ASP.NET带进度条多文件上传程序</b>[网站编程]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:

  • <b>hosts是什么 hosts文件在什么位置 若何改正hosts</b>
  • <b>在 Windows 8 中手动安装语言包</b>
  • <b>五个常见 PHP数据库问题</b>
  • Windows中Alt键的12个高效快速的利用本领介绍
  • <b>MySQL ORDER BY 的实现解析</b>
  • <b>详解MySQL存储历程参数有三种范例(in、out、inout)</b>
  • <b>Win8系统恢复出来经典的开始菜单的办法</b>
  • <b>Win8系统花屏怎么办 Win8系统花屏的办理办法</b>
  • <b>Windows 7系统下无线网卡安装</b>
  • <b>为什么 Linux不需求碎片整理</b>
  • <b>Windows 8中删除账户的几种办法(图)</b>
  • <b>教你如安在win7下配置路由器</b>
  • 本文地址: 与您的QQ/BBS好友分享!
    • 好的评价 如果您觉得此文章好,就请您
        0%(0)
    • 差的评价 如果您觉得此文章差,就请您
        0%(0)

    文章评论评论内容只代表网友观点,与本站立场无关!

       评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
    Copyright © 2020-2022 www.xiamiku.com. All Rights Reserved .