Asp.net使用ajax无刷新上传文件(附源码)

使用Ajax无刷新上传文件是当前比较流行的功能。借助JQuery强大的插件,现在已经可以很容易了。

首先导入js文件jquery.ajaxfileupload.js。此插件的原理是在文档中创建iframe和form然后在将文件上传到服务器。

 

ExpandedBlockStart.gif 代码
 1  < html  xmlns ="http://www.w3.org/1999/xhtml" >
 2  < head  id ="Head1"  runat ="server" >
 3       < title > ajax上传文件 </ title >
 4       < script  type ="text/javascript"  src ="/js/jquery.js" ></ script >
 5       < script  type ="text/javascript"  src ="/js/jquery.ajaxfileupload.js" ></ script >
 6       < script  type ="text/javascript" >
 7      $( function (){
 8          $( ' #fup ' ).change( function (){
 9              upload();
10          });
11      });
12      
13       function  upload(){
14          $.ajaxFileUpload(
15              {
16                  url :  ' /ajaxUpload.aspx?random= '   +  Math.random(),
17                  secureuri :  false ,
18                  fileElementId :  ' fup ' ,
19                  dataType :  ' json ' ,
20                  success:  function  (data, status)
21                  {
22                       if (data.status  ==   ' success ' )
23                      {
24                          $( ' #tmp ' ).attr( ' src ' , data.msg.Origin);
25                          $( ' #tb, #hf ' ).val(data.msg.Origin);
26                      }
27                       else
28                      {
29                          alert(data.msg);
30                      }
31                  },
32                  error:  function  (data, status, e)
33                  {
34                      alert(data.msg);
35                      alert(status);
36                      alert(e);
37                  }
38              });
39          
40          $( ' #fup ' ).change( function (){
41              upload();
42              
43          });
44      }
45       </ script >
46  </ head >
47  < body >
48       < form  id ="form1"  runat ="server" >
49       < div >
50           < asp:FileUpload  ID ="fup"  runat ="server"   />
51           < img  id ="tmp"   />
52           < asp:TextBox  ID ="tb"  runat ="server" ></ asp:TextBox >
53           < asp:HiddenField  ID ="hf"  runat ="server"   />
54       </ div >
55       </ form >
56  </ body >
57  </ html >

 

上传文件代码:

 

ExpandedBlockStart.gif 代码
 1  protected   void  Page_Load( object  sender, EventArgs e)
 2      {
 3          HttpFileCollection files  =  Request.Files;
 4           if  (files  !=   null   &&  files.Count  >   0 )
 5          {
 6              HttpPostedFile file  =  files[ 0 ];
 7 
 8               string  tmpPath  =  Server.MapPath( " /Upload/ " );
 9               string  fileName  =  Path.GetFileName(file.FileName);
10               try
11              {
12                  file.SaveAs(tmpPath  +  fileName);
13                  Response.Write( @" {
14                      status : 'success', 
15                      msg: { 
16                          Origin : ' "   +   " /upload/ "   +  fileName  +   @" '
17                      }
18                  } " );
19              }
20               catch  (Exception ex)
21              {
22                  Response.Write( @" {
23                  status : 'error',
24                  msg : ' "   +  ex.Message  +   @" '
25                  } " );
26                  Response.End();
27              }
28          }
29      }

 

 

Ajax无刷新上传文件示例源码

已标记关键词 清除标记
相关推荐
阳光企业网站管理系统(scscms)为开源免费程序,适用于中小企业及个人网站建设使用;需要有一定html asp基本知识;结构:asp acess fso。 功能说明: 栏目设置:[新闻/文章/产品/下载/图片/留言/链接/频道/影音等] 编辑器采用全球最优秀的fck编辑器,文件采用相对绝对地址; 采用asp函数标签 div布局,可在任意页面自由调用标签,灵活使用,可制作出多采多姿的风格; 全站生成div css的html静态页面,前台绝大部分交互式代码采用ajax技术; 界面清秀经典,功能丰富多彩; 一、网站配置   1、基本信息:服务器基本信息及网站内容统计信息等;   2、基本设置:设置网站的基本资料,如会员基本设置前台基本设置等;   3、频道管理:新增或者删除频道;   4、菜单管理:网站导航菜单管理;   5、投票管理:投票可设置单选还是多选;   6、公告管理:发布本站的公告或者通知;   7、音乐管理:管理后台音乐,此音乐为后台管理网站时同步娱乐的; 二、站务管理   1、网站日志:各管理员的日志,可以设置是否共享;   2、短信管理:方便管理员会员之间的交流;   3、访问统计:统计本站流量来源,以便了解整站效果;   4、在线i p:访问网站的即时在线人数;   5、留言管理:管理本站来宾留言;   6、修改密码:修改本人的后台登陆密码;   7、查看权限:查看本人现有网站管理的权限; 三、内容管理   1、数据采集:新闻文章采集;   2、生成静态:生成各栏目静态页;   3、分类管理:各栏目的无限级分类管理;   4、新闻管理:添加修改删除及批量操作   5、文章管理:添加修改删除及批量操作   6、产品管理:添加修改删除及批量操作   7、订单管理:查看订单与处理;   8、图片管理:一个图片主题多张图片展示   6、影音管理:添加修改删除及批量操作   7、下载管理:添加修改删除及批量操作   7、评论管理:各栏目的评论集中管理; 四、数据管理   1、数据库sql:针对sql语句比较熟悉的用户快捷操作数据库;   2、服务器参数探测:查看当前服务器组件情况;   3、sql注入:记录有关sql注入情况,ip锁定;   4、上传管理:管理所有上传文件;   5、后台记录:记录所有会员管理员在后台的重要操作   6、数据库:数据库备份、压缩、下载、还原   7、订单管理:查看订单与处理;   8、管理员:添加或者编辑及删除管理员   6、会员管理:添加或者编辑及删除会员 特色: 超酷美化      :经典风格,超酷界面,精美窗口设计 无限级菜单分类:新闻文章产品下载影音等无限级分类 seo优化       :div css生成静态页,访问流量统计 批处理文件    :删除修改等操作批量处理 ajax技术      :无刷新会员登陆,超时自动登陆 数据采集      :新闻文章内容采集 丰富的互动    :评论,留言,邮件,短信,顶踩,投票等 安全可靠      :md5密码,安全动态密码,操作记录 使用: 数据库设置:数据库链接地址修改在inc/scs_conn.asp文件中,网站基本参数设置在inc/scs_config.asp文件中,在后台通过fso功能进行实时修改,如果你的网站空间不支持fso,可以手工编辑此文件,然后再重新上传,即可实现设置的更改; 前台没有后台管理连接时,管理员可在ie地址栏直接输入admin/scs_login.asp进行登录,初始帐号/密码:admin/admin; 如果密码不记得请在数据库scs_admin表中把admin_password列中对应的值换成7a57a5a74a801fc321232f2943894a0e即可修改密码为admin ;默认二代密码:scscms
活动现场管理系统 v1.0 是一套活动现场电子网络管理系统,可在线进行 web 应用,无需客户端,可联网操作、可单机操作、可在投影大屏上适时显示,包含了一般活动出席人员签到、竞赛活动选手评分、电子摇号、选举唱票计票等四大功能,体现各类活动现场的公开、公平、公正,完全能满足当前各类活动现场的管理需求。系统界面美观大方,功能强大并且易用,是各类活动现场管理的最佳工具。 一、功能特点 与其他付费软件相比,本系统具有以下独到特点: (一)实现了活动现场的 PDCA 管理。 1. P ( Plan ) -- 计划:可实施活动策划,竞赛现场可进行选手报名以及现场抽签排序等部署工作。 2. D ( Do ) -- 执行:可实施现场人员签到,实施活动内容、场地、人数临场变动,缺席和请假管理,竞赛成绩录入与排名数据生成,同时记录活动签到人员的签到时间与迟到时间,记录竞赛成绩详情,记录工作人员(承办部门、承办人员)的工作量。 3 . C ( Check ) -- 检查:查询并打印签到表、竞赛成绩表、,查询活动内容、场地、人数临场变动以及缺席和请假管理等综合情况,查询工作人员工作量以及综合积分。 4 . A ( Action ) -- 改进:预置绩效考核分数转化接口,方便对活动管理情况的绩效考核。一是将签到考勤综合记录兑换转化为考核积分(减分项),二是将该减分项转化为工作人员监督执行情况的考核积分(减分项) , 三是将工作人员的工作量记录兑换转化为考核积分(加分项)。 (二)实现了活动过程的数字化管理。 所有过程均实现数字化管理,管理过程中的各类数据详细确凿,避免了人工记录中的人情数据、人为修改现象。 (三)实现了竞赛成绩的智能化处理。 竞赛成绩的智能化处理是本系统的最大亮点,除了判断最高分、最低分的基本功以外,能够自动判断评委人数,避免了现场实际评委人数变动而带来的平均分计算错误。 二、具体管理功能 (一)签到管理功能 一、快捷功能 由于每次活动时,签到人员拥挤、签到时间过长,或者对本系统不熟悉不会操作,因此提供快捷入口实施快速签到,以节约时间,方便操作。 1 设置默认地点 2 设置默认活动 3 现场快速签到 4 签到记录查询 5 打印出签到表 为节约时间,减少操作过程,只需要两步, 10 秒钟以内即可完成签到,与人工书写签到相比,有以下特点: 1. 不用纸和笔,鼠标点击 2 次即可; 2. 速度比人工书写快; 3. 签到时间为服务器时间,避免了人为作弊; 4. 承办人员可现场监督; 5. 签到中的其他情况可现场记录。 活动签到 ( 带 * 号的为 必填项 ) 窗体顶端 (1) 选择时间: 是否迟到? 提前到达 准点到达 迟到1分钟 迟到2分钟 迟到3分钟 迟到4分钟 迟到5分钟 迟到6分钟 迟到7分钟 迟到8分钟 迟到9分钟 迟到10分钟 迟15分以上 无故缺席 * 自动生成 >> 迟到 : 分钟 名称 : 测试:培训学习 测试:企业文化演出活动 地点 : 二楼多功能厅 小会议室 (2) 选择姓名: 签到时间: 当前日期 2011 年 11 月 21 日 当前时间 12:40:26 ( 系统自动时间 !) 承 办 人: admin (9999) 签到备注: 依次点击上面红字处 只需两步 10 秒内完成签到! 注意:如若重复签到 , 系统将保留首次删除其次! 窗体底端 (二)策划管理功能 1 各类活动策划 2 策划记录查询 3 减少活动人员 4 减员记录查询 5 主办部门管理 (三)签到管理功能 1 签到记录查询 2 打印出签到表 3 承办部门减员 4 减员记录查询 5 活动请假登记 6 请假记录查询 (四)竞赛评分管理功能 1 选手摇号抽签 2 选手成绩录入 3 选手成绩修改 4 竞赛数据生成 5 竞赛成绩查询 6 打印竞赛结果 1. 现场摇号抽签:采用随机模式按键摇号,确定选手出场序号并进行现场公示。摇号功能可以人选号,也可以号选人,可应用于单人单轮选单号、单人单轮选多号或同时多轮选多号,以及团队单轮选单人、团队单轮选多人 或同时多轮选多人等复杂情况。 2. 数据录入:在线输入选手分数。可应用于现场 3-10 个评委的竞赛,可由管理人员录入选手成绩,如果每个评委一台电脑,也可由各评委自己输入评分成绩。 3. 数据修改:支持选手分数在线修改功能,如果输入错误可进行修改。 4. 数据删除:支持选手分数在线删除功能。 5. 数据生成:确认输入的数据无误后,选择参赛选手,计算选手成绩并保存到数据库中,数据生成。数据生成时系统将去掉 1 个最高分和 1 个最低分,以保证评分的公正性。如果竞赛现场实际少于 10 个评委,可以依
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页