图片加载并按比例缩小到合适大小代码,JS代码库,德仔网

代码语言

代码分类

【JS】图片加载并按比例缩小到合适大小

作者:dezai / 发布于2014/2/9/ 435

//图片加载并按比例缩小到合适大小
//<imgsrc=""width="80"onload="DownImage(this,80,0,0);">
functionDownImageWidth(ImgD,MaxWidth,alignX,alignY)
{
alignX=alignX||1;
alignY=alignY||1;
varimage=newImage();
image.src=ImgD.src;
if(image.width>0&&image.height>0)
{
varrate=MaxWidth/image.width;
varwid=0;
varhid=0;
if(rate<=1)
{
wid=ImgD.width=image.width*rate;
hid=ImgD.height=image.height*rate;
}
else
{
wid=ImgD.width=image.width;
hid=ImgD.height=image.height;
}
}
}
//......................................................................................

//该函数返回ajax需要的关键对象：xmlhttprequest
functiongetTransport(){
varversions=[
function(){
returnnewXMLHttpRequest();
},
function(){
returnnewActiveXObject('Microsoft.XMLHTTP');
}
];
varrequest;
for(vari=0;i<versions.length;i++){
varlambda=versions[i];
try{
request=lambda();
}
catch(e){}
}
returnrequest;
}functionajaxRequest(url,options){
varrequest=getTransport();//创建ajax的关键对象xmlhttprequest
if(typeof(request)=='undefined'){//判断创建是否成功
thrownewError('你的浏览器不支持xmlhttprequest');
return;
}
varurl=url;//获取请求地址

//获取请求方式，如果为获取到，返回默认值POST
varmethod=(options.method||'POST').toUpperCase();
if(method!='GET'&&method!='POST'){
method='POST';
}

//获取参数
varparameters=options.parameters||null;
//获取请求头信息
varheaders=options.headers||{};
//创建处理事件函数
//加载，完成，成功，失败
varonLoadingEventHandler=options.onLoading||function(){};
varonCompleteEventHandler=options.onComplete||function(){};
varonSuccessEventHandler=options.onSuccess||function(){};
varonFailureEventHandler=options.onFailure||function(){};

//根据url和参数，把地址拼接完整，并且清空parameters对象
if(method=='GET'&&parameters!=null){
if(url.indexOf('?')>-1){
url+='&'+parameters;
}
else{
url+='?'+parameters;
}
parameters=null;

}
//初始化请求

request.open(method,url,true);

//设置请求头
request.setRequestHeader('contentType','application/x-www-form-rulencoded');
for(varnameinheaders){
request.setRequestHeader(name,headers[name]);
}

//设置请求状态
request.onreadystatechange=function(){
if(request.readyState==1){
onLoadingEventHandler(request.readyState);//状态值为1，说明正在加载
}
if(request.readyState==4){
onCompleteEventHandler();//状态值为4，说明加载完成
if(request.status&&request.status>=200&&request.status<300){
onSuccessEventHandler(request);//返回值在200到300之间，说明加载成功
}
else{
onFailureEventHandler();//否则加载失败
}
}
}
request.send(parameters);//发送请求
}

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　图片加载并按比例缩小　

同语言下

可能有用的

dezai贡献的其它代码(1065)