宝哥软件园

jQuery Ajax文件上传实例源码

编辑:宝哥软件园 来源:互联网 时间:2021-09-06

本文实例为大家分享了jQuery Ajax文件上传实例源码,供大家参考,具体内容如下

项目结构

默认。aspxupload。aspxscripts样式。半铸钢钢性铸铁(Cast Semi-Steel)

效果图

客户端超文本标记语言代码

% @ Page Language=' VB ' AutoEventWireup=' false '代码在=' uploadfile '之前。aspx。VB“继承=”网页.上传文件"%!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML L1-过渡。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head runat=' server ' title/title link rel='样式表type=' text/CSS ' href=' style。CSS ' MCE _ href='样式。' CSS './Scripts/jQuery-1。4 .1 .量滴js ' MCE _ src=' http :脚本/jQuery-1。4 .1 .量滴js '/MCE :脚本MCE :脚本类型=' text/JavaScript ' src=' http :/Scripts/ajaxupload。3.5 .js ' MCE _ src=' http :脚本/ajaxupload。3.5 .js '/MCE :脚本MCE :脚本类型=' text/JavaScript '!-$(function(){ var btnUpload=$(' # upload '));定义变量状态=$(' # status ');新的AjaxUpload(btnUpload,{ action: 'Upload.aspx ',//文件输入框名称名称: '上传文件',在Submit:上函数(文件,扩展名){ if(!(电话分机:/^(jpg|png|jpeg|gif)$/.test(ext))) { //检查有效的文件扩展名状态。文本('只允许JPG、巴布亚新几内亚或GIF格式文件');返回false} status.text('正在上载.');},完整版:函数(文件,响应){//完成时清除状态。文本(');//将上传的文件添加到列表如果(响应=="成功" { $("李/李").appendo(' # file ').html('img src='http:/uploads/' file ' ' MCE _ src=' http : uploads/' file ' ' alt=' '/br/' file).addClass("成功");} else { $('li/li ').appendo(' # file ').文本(文件)。addClass(')错误');} } });});/////MCE :脚本/头体表单id='表单1 ' runat='服务器' div id='上传'上传文件/div!-上传按钮- div id='Div1 '上传文件/divspan id='状态/span!-列表文件- ul id='文件/ul/表单/正文/html服务端处理代码上传。aspx

使用系统;使用系统。集合。通用;使用系统Linq .使用系统网络.使用系统网络。用户界面使用系统。网络控件;命名空间JqueryAjaxUploadTest { public分部类上传:系统.网络。ui。页面{受保护的无效页面_加载(对象发送者,事件参数e){尝试{ https tedfile hpfFile=Request .文件['上传文件'];惠普尔。另存为(服务器MapPath('~/uploads/') hpfFile .FileName);回应。写('成功');}捕获(异常){响应。写入("失败");} } } }以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

更多资讯
游戏推荐
更多+