AJAX简单demo

原文

A。前台


<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<l<link href="handle/pop.css" rel="stylesheet" type="text/css" />
<link href="handle/base.css" rel="stylesheet" type="text/css" />
<link href="handle/user.css" rel="stylesheet" type="text/css" />
<script src="http://api.map.baidu.com/api?v=2.0&ak=DRoubqPLrWO98RnQrOHZ02NI" type="text/javascript"></script>
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="My97DatePicker/WdatePicker.js" type="text/javascript"></script>

<script src="js/city.min.js" type="text/javascript"></script>
<script src="js/jquery.cityselect.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="js/uploadify/uploadify.css" />
<script type="text/javascript" src="js/uploadify/jquery.uploadify.min.js"></script>


<script type="text/javascript">

// 提示
function showTip(id,msg) {
$("#" + id).show().css({ "color": "red" });
$("#" + id).html(msg);
$("#" + id).show();
setTimeout(function () {
$("#" + id).hide();
},3000);
}


$(document).ready(function () {

// 招聘会服务模式选择
$("#meetType a").bind("click",function () {

$("#meetType a").removeClass("sele");
$(this).addClass("sele");
var select = $("#meetType a[class='sele']").text();
alert(select);
});

$("#wl li").bind("click",function () {
$("#wl li").removeClass("sele");

$(this).addClass("sele");
var s = $("#wl li[class='sele']").text();
alert(s);
});

//招聘会个人及单位门票是否收费的选择
$("#ticketSetting a").bind("click",function () {
var parentName = $(this).parent().attr("name");
if ($(this).text() == "收费") {

$("div[name='" + parentName + "_div']").show();

if (parentName == "pOn" || parentName == "pOff") { // 设置如果招聘会收费则不设置人工审核
$("#auditSetting div[name='pAudit']").find("a").eq(1).hide();
$("#auditSetting div[name='pAudit']").find("a").eq(0).trigger("click");
}
else {
$("#auditSetting div[name='cAudit']").find("a").eq(1).hide();
$("#auditSetting div[name='cAudit']").find("a").eq(0).trigger("click");
}
}
else {
$("div[name='" + parentName + "_div']").hide();
$("#ticketSetting div[name='" + parentName + "_div'] input[type='text']").val("");

if (parentName == "pOn" || parentName == "pOff") {
$("#auditSetting div[name='pAudit']").find("a").eq(1).show();
//$("#auditSetting div[name='pAudit']").find("a").eq(0).trigger("click");
}
else {
$("#auditSetting div[name='cAudit']").find("a").eq(1).show();
//$("#auditSetting div[name='cAudit']").find("a").eq(0).trigger("click");
}
}
$("#ticketSetting span[name='" + parentName + "_select']").text($(this).text());
});


// $('#petsimage').find('a').eq('1').click(function () {
// alert($(this).html());
// });
$('#petsimage').find('a').eq('1').trigger('click');


//地图
// 招聘会地址选择
$("#city_select").citySelect({
provId: "prov",
cityId: "city",
distId: "dist",
prov: "湖北",
city: "武汉",
dist: "武昌区",
nodata: "none"
});

var fnMeetAdd = function () {
if (_meetData.isGettingPoint) {
setTimeout(fnMeetAdd,200);
return;
}
meetAdd();
}

var _meetData = {
lng: 0,
lat: 0,
isGettingPoint: false,
setPosition: function (lng,lat) {
_meetData.lng = lng;
_meetData.lat = lat;
$('#spanPositionTip').css("display","none");
console.log('lng:' + _meetData.lng + ' lat:' + _meetData.lat);
}
};
window.MeetData = _meetData;

var oldplace = '';
$("#txtPlace").bind("blur",function () {
var place = this.value.Trim();
if (oldplace == place) return;
oldplace = place;
if (place == '') return;
_meetData.isGettingPoint = true;
var myGeo = new BMap.Geocoder();
myGeo.getPoint(place,function (point) {
if (point) {
$('#spanPositionTip').css("display","none");
_meetData.lng = point.lng;
_meetData.lat = point.lat;
} else {
$('#spanPositionTip').css("display","");
_meetData.lng = 0;
_meetData.lat = 0;
}
_meetData.isGettingPoint = false;
},$('#city').val());
});

var fnShowMap = function () {
if (_meetData.isGettingPoint) {
setTimeout(fnShowMap,200);
return;
}
var title = "设置地图坐标";
var url = 'Map.aspx';
if (_meetData.lng > 0 && _meetData.lat > 0)
url = "Map.aspx?lng=" + _meetData.lng + "&lat=" + _meetData.lat;
else {
var city = $('#city').val();
if (city != '')
url = "Map.aspx?city=" + encodeURIComponent(city);
}
$.dialog({
title: title,
max: false,
min: false,
id: 'userSelect',
height: "600px",
width: "800px",
content: "url:" + url,
lock: true,
init: function () {
}
});
};

$("#hlShowMap").bind("click",fnShowMap);

//修改
$("#bt_up").bind("click",function () {
var id = $("#txtid").val();
var names = $("#txt_name").val();
$.ajax({
type: "post",
dataType: "text",
url: "test.ashx",
cache: false,
data: { operate: "update",id: id,name: names },
success: function (text,textStatus) {
if (text != null) {

var data = eval("(" + text + ")");
if (data.flag == 'true') {

$("#tip").text(data.msg);
}
else {
$("#tip").text(data.msg);

}

// if (text == "ok") {
// $("#tip").text("格式正确......");
// }
// else {
// $("#tip").text("格式错误......");
//
// }
}


}
});

});

$("#getimg").click(function () {

loadPicList();
});


$("#sendimg").click(function () {


uploadImg("filePersonHead","personHead","user.png");
});

//查询文件夹下的头像显示
function loadPicList() {
var uid = $("#txtid").val();
$.ajax({
type: "get",
dataType: "json",
//async: false,
data: { operate: "getPicList","userid": uid },
beforeSend: function () {
},
success: function (text) {
$(".albums li").remove();
if (text != null) {

$.each(text,function (i,item) {
var htmlstr = "<li style='background: url(" + item.url + "); width: 150px; height: 50px;'></li>";
$(".albums").append(htmlstr);
});
}
else {

var htmlstr = "<li style='background: url(../../images/user-photo1.jpg); width: 50px; height: 30px;'></li>";
$(".albums").append(htmlstr);
}
},
complete: function (XMLHttpRequest,textStatus) {
},
error: function (XMLHttpRequest,textStatus,errorThrown) {
//alert(XMLHttpRequest.responseText);
}
});
}



// 图片上传
function uploadImg(fileId,imgPreviewId,hidId) {
$("#" + fileId).uploadify({
auto: true,
swf: 'js/uploadify/uploadify.swf',
formData: { 'operate': 'uploadImage','oldImg': $("#" + hidId).val() },
uploader: 'test.ashx',
fileTypeDesc: 'Image Files',
fileTypeExts: '*.gif; *.jpg; *.png;',
buttonText: '选择图片...',
fileSizeLimit: '2Mb',
queueSizeLimit: 1,
// onUploadStart: function (file) {
// //alert($("#" + hidId).val());
// $("#" + fileId).uploadify("settings","oldImg",$("#" + hidId).val());
// alert($("#" + fileId).uploadify('settings','oldImg'));
// },
onUploadSuccess: function (file,data,response) {
if (data == null || data == "")
return;
var imgInfo = eval("(" + data + ")");
//var imgInfo = data;
var maxSize = 120;
var width = imgInfo.imgWidth;
var height = imgInfo.imgHeight;
$("#" + hidId).val(imgInfo.imgName);
var scale = 1;
//对图像进行缩放
if (width > maxSize || height > maxSize) {
if (width > height) {
width = maxSize;
height = maxSize / width * height;
scale = maxSize / width
}
else {
height = maxSize;
width = maxSize / height * width;
scale = maxSize / height;
}
}
//插入预览图
$('#' + imgPreviewId).empty().html('<img src="../upload/' + imgInfo.imgName + '" width=' + width + ' height=' + height + ' />').css({
overflow: 'hidden',
width: '120px',
height: '120px'
});
}
});
}










//验证
$("#hlGetSMSCode").bind("click",function () {
var yx = $("#txtComEmail").val();
$.ajax({
type: "post",
data: { operate: "yz",email: yx },textStatus) {
if (text != null) {

var data = eval("(" + text + ")");
if (data.flag == 'true') {

$("#tip").text(data.msg);
}
else {
$("#tip").text(data.msg);

}

// if (text == "ok") {
// $("#tip").text("格式正确......");
// }
// else {
// $("#tip").text("格式错误......");
//
// }
}


}
});

});

//修改
$("#bt_up").bind("click",textStatus) {
if (text != null) {

var data = eval("(" + text + ")");
if (data.flag == 'true') {

$("#tip").text(data.msg);
}
else {
$("#tip").text(data.msg);

}

// if (text == "ok") {
// $("#tip").text("格式正确......");
// }
// else {
// $("#tip").text("格式错误......");
//
// }
}


}
});

});


//删除
$("#bt_del").bind("click",function () {

var id = $("#txtid").val();

$.ajax({
type: "post",
data: { operate: "del",mid: id },textStatus) {
if (text != null) {

var data = eval("(" + text + ")");
if (data.flag == 'true') {

$("#tip").text(data.msg);
}
else {
$("#tip").text(data.msg);
// showTip("tip",data.msg);
}
}

// if (text == "ok") {
// $("#tip").text("格式正确......");
// }
// else {
// $("#tip").text("格式错误......");
//
// }
}
});

});

});



</script>

</head>
<body>
<form id="form1" runat="server">
<div>

<input type="text" name="username" runat="server" id="txtComEmail" placeholder="输入邮箱"
class="usr" />
<a href="javascript:void(0);" id="hlGetSMSCode" >测试</a>


<input type="text" name="username" runat="server" id="Text2" placeholder="输入邮箱"
class="usr" />

模块编号<input type="text" name="" runat="server" id="txtid" placeholder="输入编号"
class="usr" />

模块名称<input type="text" name="" runat="server" id="txt_name" placeholder="输入名称"
class="usr" />

<a href="javascript:void(0);" id="bt_up" >修改</a>

<a href="javascript:void(0);" id="bt_del" >删除</a>


<input type="text" name="username" runat="server" id="Text1" placeholder="输入邮箱"
class="usr" />
<a href="javascript:void(0);" id="mscode" >手机验证码</a>


<a id="getimg">获取头像</a>
<div class="albums"><li></li></div>

<a id="sendimg">上传图片</a>



<dl>
<dt>头像：</dt>
<dd>
<span class="photo" id="personHead">
<img id="personEditPhoto" runat="server" src="../images/user-photo.jpg" alt="" /></span>
<span class="file">
<input name="" type="file" size="50" id="filePersonHead" />
<input type="hidden" id="hidPersonHead" runat="server" />
<span style="color: #c0504d; font-size: 12px; padding-left: 5px;">建议图片尺寸120*120像素;如无法上传图片，请安装Flash插件，或者使用IE8以上浏览器</span>
</span>
</dd>
</dl>


<div id="tip" style="height: 30px; line-height: 30px; ">
</div>
</div>

<dd class="fwms" id="meetType">
<a href="#" class="sele">O2O招聘会</a><a href="#">网上招聘会</a> <a href="#">现场招聘会</a>
<input type="hidden" id="hidMeetType" value="O2O招聘会" />
</dd>


<dd id="ticketSetting">
<div id="ticketforonline">
<h6>
网上招聘会门票设置：</h6>
<div class="shmp-cont bor-b">
<div class="shmp-title">
求职方：<div class="sele">
<div class="sub" id="selPersonTicketon" name="pOn">
<a href="javascript:void(0)">免费</a> <a href="javascript:void(0)">收费</a>
</div>

<span id="personSelectedOn" name="pOn_select">免费</span>

</div>
</div>

<div class="shmp-info" id="divPersonTicketon" name="pOn_div">
<span>价格
<input id="txtPersonTicketon" type="text" size="6" placeholder=" " />
元 </span>
</div>
</div>
<div class="shmp-cont">
<div class="shmp-title">
招聘方：<div class="sele">
<div class="sub" id="selCompanyTicketon" name="cOn">
<a href="javascript:void(0)">免费</a> <a href="javascript:void(0)">收费</a>
</div>
<span id="companySelectedOn" name="cOn_select">免费</span>

</div>
</div>
<div class="shmp-info" id="divCompanyTicketon" name="cOn_div">
<span>价格
<input name="" id="txtCompanyTicketon" type="text" size="6" placeholder=" " />
元 </span>
</div>
</div>
</div>
<div id="ticketforoffline">
<h6>
现场招聘会门票设置：</h6>
<div class="shmp-cont bor-b">
<div class="shmp-title">
求职方：<div class="sele">
<div class="sub" id="selPersonTicketoff" name="pOff">
<a href="javascript:void(0)">免费</a> <a href="javascript:void(0)">收费</a>
</div>
<span id="personSelectedOff" name="pOff_select">免费</span>
</div>
</div>
<div class="shmp-info" id="div2" name="pOff_div">
<span>价格
<input name="" id="txtPersonTicketoff" type="text" size="6" placeholder=" " />
元 </span>
</div>
</div>
<div class="shmp-cont">
<div class="shmp-title">
招聘方：<div class="sele">
<div class="sub" id="Div1" name="cOff">
<a href="javascript:void(0)">免费</a> <a href="javascript:void(0)">收费</a>
</div>
<span id="companySelectedOff" name="cOff_select">免费</span>
</div>
</div>

<div class="shmp-info" id="divCompanyTicketoff" name="cOff_div">
<span>价格
<input name="" id="txtCompanyTicketoff" type="text" size="6" placeholder=" " />
元 </span>
</div>

</div>
</div>
</dd>

<dd id="auditSetting">
<div class="shmp-cont bor-b">
<div class="shmp-title">
求职方：<div class="sele">
<div class="sub" name="pAudit">
<a href="javascript:void(0)">不审核</a> <a href="javascript:void(0)">人工审核</a> <a href="javascript:void(0)">
智能审核</a>
</div>
<span name="pAudit_result" id="pAudit_result">不审核</span></div>
</div>
<div class="shmp-info" style="display: none;">
默认不审核，直接参会</div>
<div class="shmp-info" id="pAudit_condition" style="display: none">
<!-- 智能审核条件 -->
<dl>
<dt>最高学历：</dt>
<dd>
<select name="" id="selDegree">
<option value="">请选择</option>
<option value="">不限</option>
<option value="1">大专</option>
<option value="2">本科</option>
<option value="3">硕士</option>
<option value="4">博士</option>
<option value="5">MBA</option>
<option value="6">EMBA</option>
<option value="7">中专</option>
<option value="8">中技</option>
<option value="9">高中</option>
<option value="10">初中</option>
<option value="11">其他</option>
</select>及以上</dd>
</dl>
<dl>
<dt>工作经验：</dt>
<dd>
<select name="" id="selWorkYear">
<option value="">请选择</option>
<option value="">不限</option>
<option value="1">在读</option>
<option value="2">应届</option>
<option value="3">1年</option>
<option value="4">2年</option>
<option value="5">3年</option>
<option value="6">3～5年</option>
<option value="7">5～8年</option>
<option value="8">9年以上</option>
</select>及以上</dd>
</dl>
<dl>
<dt>专业：</dt>
<dd>
<input name="" type="text" id="txtMajor" placeholder="请选择专业" readonly="readonly" /></dd>
</dl>
<dl>
<dt>职业类别：</dt>
<dd>
<input name="" id="txtPostion" type="text" placeholder="请选择期望从事职业" /></dd>
</dl>
</div>
</div>
<div class="shmp-cont">
<div class="shmp-title">
招聘方：<div class="sele">
<div class="sub" name="cAudit">
<a href="javascript:void(0)">不审核</a> <a href="javascript:void(0)">人工审核</a> <a href="javascript:void(0)">
智能审核</a>
</div>
<span name='cAudit_result' id="cAudit_result">不审核</span>
</div>
</div>
<div class="shmp-info" style="display: none;">
默认不审核，直接参会</div>
<div class="shmp-info" id="cAudit_condition" style="display: none">
<!-- 智能审核条件 -->
<dl>
<dt>单位性质：</dt>
<dd>
<input type="text" id="txtCompanyType" readonly="readonly" />
<input type="hidden" id="hidCompanyType" />
</dd>
</dl>
<dl>
<dt>单位类别：</dt>
<dd>
<input type="text" id="txtCompanyIndustry" readonly="readonly" />
</dd>
</dl>
<dl>
<dt>单位规模：</dt>
<dd>
<select name="" id="selCompanyScale">
<option value="">请选择</option>
<option value="">不限</option>
<option value="1">10人以下</option>
<option value="2">10～49人</option>
<option value="3">50～99人</option>
<option value="4">100～199人</option>
<option value="5">200～299人</option>
<option value="6">300～499人</option>
<option value="7">500～799</option>
<option value="8">800～999人</option>
<option value="9">11000～1999人</option>
<option value="10">2000～4999人</option>
<option value="11">5000人以上</option>
</select>
及以上</dd>
</dl>
</div>
</div>
</dd>




<div id="petsimage">
<a href="#a">a</a>
<a href="#b">b</a>
<a href="#c">c</a>
</div>


<dl id="dlPlace">
<dt><i>*</i>招聘会地点：</dt>
<dd class="title" id="city_select">
<select class="prov" id="prov">
</select>
<select class="city" id="city" disabled="disabled">
</select>
<select class="dist" id="dist" disabled="disabled">
</select>
<input name="" id="txtPlace" type="text" placeholder="现场招聘会，参会地址" maxlength="50" /><br />
<a href="javascript:void(0);" id="hlShowMap">[设置地图坐标]</a>&nbsp; <span id="spanPositionTip"
class="right-tip red" style="display: none">无法定位地图坐标，请手动设置招聘会召开地点。</span>
</dd>
</dl>



<dd>
<!--,minDate:'6:00',maxDate:'12:00'-->
<input name="" id="txtDate" type="text" size="24" placeholder="请选择日期" readonly="true"
onfocus="WdatePicker({doubleCalendar:true,dateFmt:'yyyy-MM-dd',minDate:'%y-%M-{%d+1}',maxDate:'%y-{%M+6}-%d'})" />
-
<input name="" id="txtBeginTime" type="text" size="10" placeholder="开始时间" readonly="true"
onfocus="WdatePicker({dateFmt:'H:mm'})" />
至
<input name="" id="txtEndTime" type="text" size="10" placeholder="结束时间" readonly="true"
onfocus="WdatePicker({dateFmt:'H:mm',minDate:'#F{$dp.$D(\'txtBeginTime\',{H:1});}',maxDate:'#F{$dp.$D(\'txtBeginTime\',{H:24});}'})" /></dd>

<div id="wl"><li class="sele">aa</li><li>vv</li> </div>

</form>
</body>

</html>

B.test.ashx的代码

<%@ WebHandler Language="C#" Class="test" %> using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.SessionState; using System.Data; using System.IO; using System.Drawing; using System.Drawing.Imaging; using System.Text.RegularExpressions; public class test : IHttpHandler { private double imgWidth = 300; private double imgHeight = 200; public void ProcessRequest(HttpContext context) { string opt = context.Request["operate"]; if (opt == "yz") { string yx = context.Request["email"]; string emailStr = @"^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$"; Regex emailReg = new Regex(emailStr); if (emailReg.IsMatch(yx)) // 手机号码匹配 { //context.Response.Write("ok"); context.Response.Write("{'flag':'true','msg':'格式正确'}"); } else // 邮箱匹配 { //context.Response.Write("no"); context.Response.Write("{'flag':'false','msg':'格式错误'}"); //return; } } //查询头像 else if (opt == "getPicList") { string UserId = context.Request["userid"].ToString(); string uploadUrl = "~/uploads/" + UserId + ""; List<FileItem> list = GetItems(uploadUrl); var Json = Newtonsoft.Json.JsonConvert.SerializeObject(list.Select( t => new { name = t.Name,url = "uploads/" + UserId + "/" + t.Name })); context.Response.Write(Json); } else if (opt == "del") { string id = context.Request["mid"]; codemodel.BLL.modelinfo Modelbll = new codemodel.BLL.modelinfo(); codemodel.Model.modelinfo modelModel = new codemodel.Model.modelinfo(); modelModel = Modelbll.GetModel(int.Parse(id.ToString())); if (modelModel == null) { context.Response.Write("{'flag':'false','msg':'编号不存在！'}"); return; } else { bool k = Modelbll.Delete(int.Parse(id)); if (k == true) { context.Response.Write("{'flag':'true','msg':'删除成功'}"); } else { context.Response.Write("{'flag':'false','msg':'删除失败'}"); return; } } } else if (opt == "uploadImage") { if (context.Request.Files.Count > 0) { string upfilename = null; string revalue = ""; HttpPostedFile uploadFile = context.Request.Files[0]; if (uploadFile.ContentLength > 0) { var oldImg = context.Request["oldImg"]; if (!string.IsNullOrEmpty(oldImg)) { if (File.Exists(context.Server.MapPath("~/uploads/wl/" + oldImg))) { File.Delete(context.Server.MapPath("~/uploads/wl/" + oldImg)); } } //保存文件 string exname = Path.GetExtension(uploadFile.FileName); string fileName = Guid.NewGuid().ToString(); upfilename = string.Format("{0}{1}",fileName,exname); string newUpfilename = string.Format("{0}{1}",fileName + "_MN",exname); string filepath = context.Server.MapPath("~/uploads/wl/" + upfilename); string newFilePath = context.Server.MapPath("~/uploads/wl/" + newUpfilename); uploadFile.SaveAs(filepath); //System.Drawing.Image initimage = System.Drawing.Image.FromFile(filepath,true); this.ZoomPic(filepath,newFilePath,300,200); File.Delete(filepath); revalue = "{'imgName':'" + newUpfilename + "','imgWidth':'" + imgWidth + "','imgHeight':'" + imgHeight + "'}"; //initimage.dispose(); } else { throw new Exception("null file"); } //回传存储的文件名 HttpContext.Current.Response.Write(revalue.ToString()); } else { HttpContext.Current.Response.Write(" "); } } else if (opt == "update") { string id = context.Request["id"]; string mname = context.Request["name"]; codemodel.BLL.modelinfo Modelbll = new codemodel.BLL.modelinfo(); codemodel.Model.modelinfo modelModel = new codemodel.Model.modelinfo(); modelModel = Modelbll.GetModel(int.Parse(id.ToString())); if (modelModel == null) { context.Response.Write("{'flag':'false','msg':'编号不存在！'}"); return; } else { modelModel.Id = int.Parse(id); modelModel.Model_name = mname; bool k = Modelbll.Update(modelModel); if (k == true) { context.Response.Write("{'flag':'true','msg':'修改成功'}"); } else { context.Response.Write("{'flag':'false','msg':'修改失败'}"); return; } } } } /// <summary> /// 对上传的图片进行等比缩放 /// </summary> /// <param name="fromFile">获取文件流Stream</param> /// <param name="fileSaveUrl">缩略图保存完整路径</param> /// <param name="targetWidth">模板宽度</param> /// <param name="targetHeight">模板高度</param> public void ZoomPic(string sourceFileUrl,string fileSaveUrl,System.Double targetWidth,System.Double targetHeight) { //原始图片（获取原始图片创建对象，并使用流中嵌入的颜色管理信息） System.Drawing.Image initimage = System.Drawing.Image.FromFile(sourceFileUrl,true); //原图宽高均小于模版，不作处理，直接保存 if (initimage.Width <= targetWidth && initimage.Height <= targetHeight) { //保存 initimage.Save(fileSaveUrl,System.Drawing.Imaging.ImageFormat.Jpeg); imgWidth = initimage.Width; imgHeight = initimage.Height; } else { //缩略图宽、高计算 double newWidth = initimage.Width; double newHeight = initimage.Height; //宽大于高或宽等于高（横图或正方） if (initimage.Width > initimage.Height || initimage.Width == initimage.Height) { //如果宽大于模版 if (initimage.Width > targetWidth) { //宽按模版，高按比例缩放 newWidth = targetWidth; newHeight = initimage.Height * (targetWidth / initimage.Width); imgWidth = newWidth; imgHeight = newHeight; } } //高大于宽（竖图） else { //如果高大于模版 if (initimage.Height > targetHeight) { //高按模版，宽按比例缩放 newHeight = targetHeight; newWidth = initimage.Width * (targetHeight / initimage.Height); } } imgWidth = newWidth; imgHeight = newHeight; //生成新图 //新建一个bmp图片 System.Drawing.Image newImage = new System.Drawing.Bitmap((int)newWidth,(int)newHeight); //新建一个画板 system.drawing.graphics newG = system.drawing.graphics.FromImage(newImage); //设置质量 newG.InterpolationMode = System.Drawing.drawing2d.InterpolationMode.HighQualityBicubic; newG.SmoothingMode = System.Drawing.drawing2d.SmoothingMode.HighQuality; //置背景色 newG.Clear(Color.White); //画图 newG.DrawImage(initimage,new System.Drawing.Rectangle(0,newImage.Width,newImage.Height),initimage.Width,initimage.Height),system.drawing.graphicsUnit.Pixel); //保存缩略图 newImage.Save(fileSaveUrl,System.Drawing.Imaging.ImageFormat.Jpeg); //释放资源 newG.dispose(); newImage.dispose(); } initimage.dispose(); } /// <summary> /// 文件信息实体 /// </summary> public class FileItem { // Properties /// <summary> /// 创建日期 /// </summary> public DateTime CreationDate { get; set; } /// <summary> /// 文件计数 /// </summary> public long FileCount { get; set; } /// <summary> /// 文件全名，含路径 /// </summary> public string FullName { get; set; } /// <summary> /// 是否为文件夹 /// </summary> public bool IsFolder { get; set; } /// <summary> /// 最后打开时间 /// </summary> public DateTime LastAccessDate { get; set; } /// <summary> /// 最后修改时间 /// </summary> public DateTime LastWriteDate { get; set; } /// <summary> /// 文件名 /// </summary> public string Name { get; set; } /// <summary> /// 扩展名 /// </summary> public string Ext { get; set; } /// <summary> /// 文件大小 /// </summary> public long Size { get; set; } /// <summary> /// 子文件夹数 /// </summary> public long SubFolderCount { get; set; } /// <summary> /// 虚路径 相对于网站根的路径 /// </summary> public string VirtualPath { get; set; } } /// <summary> /// 获取指定目录下所有文件列表 /// </summary> /// <param name="virPath"></param> /// <returns></returns> public static List<FileItem> GetItems(string virPath) { List<FileItem> list = new List<FileItem>(); string phyPath = HttpContext.Current.Server.MapPath(virPath); if (Directory.Exists(phyPath)) { string[] files = Directory.GetFiles(phyPath); foreach (string str in files) { FileItem item = new FileItem(); FileInfo info2 = new FileInfo(str); item.Name = info2.Name; item.FullName = info2.FullName; item.CreationDate = info2.CreationTime; item.IsFolder = false; item.Size = info2.Length; item.Ext = info2.Extension.Trimstart('.'); item.VirtualPath = virPath + info2.Name; item.LastWriteDate = info2.LastWriteTime; list.Add(item); } } return list; } public bool IsReusable { get { return false; } } }

AJAX简单demo的更多相关文章

  1. HTML5、Select下拉框右边加图标的实现代码(增进用户体验)

    这篇文章主要介绍了HTML5、Select下拉框右边加图标的实现代码，深度美化页面增进用户体验效果,需要的朋友可以参考下

  2. 在Sierra上,Brew安装错误单独使用Xcode是不够的

    我正在尝试使用HomeBrewv1.3.8在运行xCodev9.1的MacOSXSerrav10.12.6上安装软件包.安装和错误是然后我运行命令表示软件更新服务器无法使用命令行工具包.我进入xCode,它表明安装了命令行工具.任何帮助将非常感激.西奥解决方法我去了AppleDeveloper网站并直接下载了命令行工具dmg.首先需要设置Apple帐户.命令行工具可在以下位置找到–https://

  3. iOS 10 Safari问题在DOM中不再包含元素

    使用此链接,您可以重现该错误.https://jsfiddle.net/pw7e2j3q/如果您点击元素并从dom中删除它,然后单击链接测试.你应该看到旧的元素弹出选择.是否有一些黑客来解决这个问题？解决方法我能够重现这个问题.问题是,每当您尝试删除其更改事件上的选择框时,iOS10都无法正确解除对选择框的绑定.要解决此问题,您需要将代码更改事件代码放在具有一些超时

  4. iOS Chrome上的HTML SELECT不显示“完成”选项

    我们在iOS上的Chrome中使用UI呈现时遇到问题,特别是HTMLSELECTDropDown元素.例：使用Safari,当您点击SELECT时,屏幕底部会打开一个微调器–您可以点击完成以选择您的选择并返回到表单.但是,当您在iOS上的Chrome中加载完全相同的页面时,不会显示“完成”.用户必须选择他们的选择,然后点击UI上的其他位置返回到表单.非常不直观,用户感觉好像SELECT没有用.有人有解决方案吗？

  5. 安装命令行工具Xcode 5

    我已经尝试过并尝试过但我仍然无法解决问题.我正在尝试安装PebbleSDK1.12并安装Xcode5的命令行工具.每次我在终端尝试xcode-select–install时,我都会收到“无法安装软件,因为它目前在软件更新服务器中不可用”我试图重新安装Xcode,但是没有用.当我进入Xcode-preferences-downloads时,没有命令行工具的部分.我也试过从开发者网站安装它们但无济于事.下载看起来正确,然后我去Xcode看到首选项,并没有列出命令行工具.你们都能提出什么建议吗？

  6. ios – xcodebuild相当于Xcode的“产品&gt;构建&gt;测试”

    我正在尝试编写一个脚本,将iOS应用程序提交给AppThwack(一个“真正的设备”UI测试服务).他们的指导是使用XcodeGUI,并使用BuildFor>Xcode产品菜单中的测试选项.这是有效的,但我无法将其转换为xcodebuild等效项.更一般地说,我们如何确定Xcode传递给xcodebuild的什么参数(假设它使用该工具).解决方法现在可以从Xcode8开始(在写作时在beta版).

  7. xcode – 在REPL中创建目标Swift AST上下文时出错((null))

    在这里,我已经看到有关这个错误的几个的问题,但是没有一个提出的解决方案适用于我.这是我得到的这可能是也可能没有发生在我发出一些我不记得的命令之后.奇怪的是,如果我卸载Xcode,REPL开始正常工作.但是,如果我重新安装Xcode,错误就会回来.我在Xcode7.2.1,顺便说一句.思考？

  8. IOS设备问题与HTML表单输入(type = text)

    所以我有一个HTML登录表单与两个字段：电子邮件和密码.这些可以在除iOS设备之外的任何设备的浏览器上轻松填充.在IOS领域几乎不能关注焦点,一旦焦点,键盘弹出,我开始打字,但实际上没有填充.我已经尝试过Chrome和safari,仍然得到相同的结果.字段保持黑色.Bellow是我的格式如何格式化：请帮助！

  9. 我在哪里可以获得XCode的10.6 SDK

    我有SNowLeopard的测试版,我从DVD上安装了XCode,但它只安装了10.5和10.4SDK.我需要针对10.6构建以验证Apple的错误.解决方法ADCMemberSite.登录并选择下载.如果您是Premier或Select会员,那应该是您可以找到它的地方.如果您不是Premier或Select会员,您将看不到它.

  10. 应用程序关闭时的iOS任务

    我正在构建一个应用程序,通过ajax将文件上传到服务器.问题是用户很可能有时不会有互联网连接,并且客户希望在用户重新连接时安排ajax调用.这可能是用户在离线时安排文件上传并关闭应用程序.应用程序关闭时可以进行ajax调用吗？

随机推荐

  1. xe-ajax-mock 前端虚拟服务

    最新版本见Github，点击查看历史版本基于XEAjax扩展的Mock虚拟服务插件；对于前后端分离的开发模式，ajax+mock使前端不再依赖后端接口开发效率更高。CDN使用script方式安装，XEAjaxMock会定义为全局变量生产环境请使用xe-ajax-mock.min.js，更小的压缩版本，可以带来更快的速度体验。

  2. vue 使用 xe-ajax

    安装完成后自动挂载在vue实例this.$ajaxCDN安装使用script方式安装，VXEAjax会定义为全局变量生产环境请使用vxe-ajax.min.js，更小的压缩版本，可以带来更快的速度体验。cdnjs获取最新版本点击浏览已发布的所有npm包源码unpkg获取最新版本点击浏览已发布的所有npm包源码AMD安装require.js安装示例ES6Module安装通过Vue.use()来全局安装示例./Home.vue

  3. AJAX POST数据中文乱码解决

    前端使用encodeURI进行编码后台java.net.URLDecoder进行解码编解码工具

  4. Koa2框架利用CORS完成跨域ajax请求

    实现跨域ajax请求的方式有很多，其中一个是利用CORS，而这个方法关键是在服务器端进行配置。本文仅对能够完成正常跨域ajax响应的，最基本的配置进行说明。这样OPTIONS请求就能够通过了。至此为止，相当于仅仅完成了预检，还没发送真正的请求呢。

  5. form提交时，ajax上传文件并更新到&lt;input&gt;中的value字段

  6. ajax的cache作用

    filePath="+escape;},error:{alert;}});解决方案：1.加cache:false2.url加随机数正常代码：网上高人解读：cache的作用就是第一次请求完毕之后，如果再次去请求，可以直接从缓存里面读取而不是再到服务器端读取。

  7. 浅谈ajax上传文件属性contentType = false

    默认值为contentType="application/x-www-form-urlencoded".在默认情况下，内容编码类型满足大多数情况。在这里，我们主要谈谈contentType=false.在使用ajax上传文件时：在其中先封装了一个formData对象，然后使用post方法将文件传给服务器。说到这，我们发现在JQueryajax()方法中我们使contentType=false,这不是冲突了吗？这就是因为当我们在form标签中设置了enctype=“multipart/form-data”,

  8. 909422229_ajaxFileUpload上传文件

    ajaxFileUpload.js很多同名的，因为做出来一个很容易。我上github搜AjaxFileUpload出来很多类似js。ajaxFileUpload是一个异步上传文件的jQuery插件传一个不知道什么版本的上来，以后不用到处找了。语法：$.ajaxFileUploadoptions参数说明：1、url上传处理程序地址。2，fileElementId需要上传的文件域的ID，即的ID。3，secureuri是否启用安全提交，默认为false。4，dataType服务器返回的数据类型。6，error

  9. AJAX-Cache：一款好用的Ajax缓存插件

    原文链接AJAX-Cache是什么Ajax是前端开发必不可少的数据获取手段，在频繁的异步请求业务中，我们往往需要利用“缓存”提升界面响应速度，减少网络资源占用。AJAX-Cache是一款jQuery缓存插件，可以为$.ajax()方法扩展缓存功能。

  10. jsf – Ajax update/render在已渲染属性的组件上不起作用

    我试图ajax更新一个有条件渲染的组件。我可以确保#{user}实际上是可用的。这是怎么引起的，我该如何解决呢？必须始终在ajax可以重新呈现之前呈现组件。Ajax正在使用JavaScriptdocument.getElementById()来查找需要更新的组件。但是如果JSF没有将组件放在第一位，那么JavaScript找不到要更新的内容。解决方案是简单地引用总是渲染的父组件。

返回
顶部