当前位置:首页 » 文件管理 » 判断上传图片的大小

判断上传图片的大小

发布时间: 2023-09-20 06:55:42

A. 如何在图片上传前用js(jquery)判断图片的尺寸

创建img标签:
IE浏览器直接src=图片本地路径,然后可以获取这个img的尺寸。

其他浏览器使用HTML5的FileReader获取文件资源转化为base64写入img的src,然后可以获取这个img尺寸。

B. thinkphp上传图片如何检验尺寸

用getimagesize方法,如下示例:

HTML页面

<!DOCTYPEhtml>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>定义inputtype="file"的样式</title>
<styletype="text/css">
body{font-size:14px;}
input{vertical-align:middle;margin:0;padding:0}
.file-box{position:relative;width:340px}
.txt{height:22px;border:1pxsolid#cdcdcd;width:180px;cursor:pointer;}
.btn{background-color:#FFF;border:1pxsolid#CDCDCD;height:24px;width:70px;cursor:pointer;}
.file{position:absolute;top:0;right:80px;height:24px;filter:alpha(opacity:0);opacity:0;width:260px;cursor:pointer;}
</style>
</head>
<body>
<divclass="file-box">
<formaction="test.php"method="post"enctype="multipart/form-data">
<inputtype='text'name='textfield'id='textfield'class='txt'/>
<inputtype='button'class='btn'value='浏览...'/>
<inputtype="file"name="fileField"class="file"id="fileField"size="28"onchange="document.getElementById('textfield').value=this.value"/>
<inputtype="submit"name="submit"class="btn"value="上传"/>
</form>
</div>
</body>
</html>

PHP页面:

<?php
echo"<pre>";
print_r($_FILES);
echo"<br/>";
$size=getimagesize($_FILES['fileField']['tmp_name']);
echo"<pre>";
print_r($size);
?>

demo效果示意图

第二个输出的数组有你需要的相关数据。

看看是否符合你的需求?若有疑问,欢迎追问!

C. 谁知道淘宝店铺上上传宝贝图片尺寸是多大的呢

淘宝店铺上上传宝贝图片尺寸:

1、店标尺寸:文件格式GIF、JPG、JPEG、PNG文件大小80K以内,建议尺寸80PX*80PX。

2、店铺公告尺寸:320*400。

3、宝贝分类尺寸:宽度168px*高度不限。

4、店铺介绍尺寸:600*450。

5、计数器尺寸:137*94。

6、论坛签名尺寸:468*60。

7、店标尺寸:文件格式GIF、JPG、JPEG、PNG文件大小80K以内,建议尺寸80PX*80PX。

8、旺旺名片/头像大小:120*120px<=100k。

9、宝贝图片大小:500*500px<=120k。

10、店铺招牌尺寸:950*150。

11、宝贝描述尺寸:750*高度不限。

(3)判断上传图片的大小扩展阅读:

淘宝商城店铺入驻要求:

1、是品牌/厂商,须提供:

企业资质:申请企业需持有大陆企业营业执照、税务登记证

品牌资质:申请企业需持有中国商标权证书(商标受理通知书)

服务资质:申请企业需遵守“淘宝商城”7天无理由退换货、提供正规销售发票、积分活动等服务标准。

2、我是代理商,须提供:

企业资质:申请企业需持有企业营业执照、税务登记证

品牌资质:正规品牌授权书

服务资质:申请企业需遵守“淘宝商城”7天无理由退换货、提供正规销售发票、积分活动等服务标准。

淘宝无名良品店铺入驻要求:

无名良品委托第三方认证机构对良品商家的资质进行认证。权威第三方机构认证安全可靠,认证流程严谨,严格把关。

商家分2种:品牌商和供货商

商家提供材料:材料验证通过之后,无名良品还会进行以下的审核来最终决定商家是否通过认证;

1)结合相应行业的运营战略对粗弊该供货商生产能力进行综合判断,有必要时会要求商家提供样品进一步审核.

2)有必要时对供货商进行上门实地李判验证.

客户须知:(所有文件图片及文字需清晰)

1)无名良品将委托第三方认证公司对商家的资质进行审核,并出具是否通过的审核报告;

2)商家必须按照无名良品要求审核材料准备齐全,并寄送至无名良品。《商家材料真实性自我申明》(点此下载)商家对所提供之材料真实性的承诺文件,凡签署《商家材料真实性自我申明》的商家须对所提交材料的真实性承担相应法律责任。

3)所有提交材料均须加盖红色公章,公章复印无效。

4)审核无论通过与否,审核费用均不退还。审核不通过且申请重审的商家,重审费用按照一般新商家审核费用收取。

5)商家认证费用哪凳改:200元/家,由于资料不符要求影响认证进度者,认证公司将会核实催缴一次,多次催缴无效的即做未通过处理,且费用不予退还。

注:

1、必需材料必须提供,且所需材料复印件必须加盖公章;否则会直接认证失败;

2、可选材料请尽量提供,将有利于您快速顺利通过商家认证;

3、请将以上材料寄送到良品招商组收邮编:310099。

网络-淘宝店铺

D. 如何在上传图片时在客户端用js判断图片大小并弹出提示

参考:
<script language=javascript>

var ImgObj=new Image(); //建立一个图像对象

var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|"//全部图片格式类型
var FileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg,FileMsg,HasCheked,IsImg//全局变量 图片相关属性

//以下为限制变量
var AllowExt=".jpg|.gif" //允许上传的文件类型 ŀ为无限制 每个扩展名后边要加一个"|" 小写字母表示
//var AllowExt=0
var AllowImgFileSize=70; //允许上传图片文件的大小 0为无限制 单位:KB
var AllowImgWidth=500; //允许上传的图片的宽度 ŀ为无限制 单位:px(像素)
var AllowImgHeight=500; //允许上传的图片的高度 ŀ为无限制 单位:px(像素)

HasChecked=false;

function CheckProperty(obj) //检测图像属性
{
FileObj=obj;
if(ErrMsg!="") //检测是否为正确的图像文件 返回出错信息并重置
{
ShowMsg(ErrMsg,false);
return false; //返回
}

if(ImgObj.readyState!="complete") //如果图像是未加载完成进行循环检测
{
setTimeout("CheckProperty(FileObj)",500);
return false;
}

ImgFileSize=Math.round(ImgObj.fileSize/1024*100)/100;//取得图片文件的大小
ImgWidth=ImgObj.width //取得图片的宽度
ImgHeight=ImgObj.height; //取得图片的高度
FileMsg="\n图片大小:"+ImgWidth+"*"+ImgHeight+"px";
FileMsg=FileMsg+"\n图片文件大小:"+ImgFileSize+"Kb";
FileMsg=FileMsg+"\n图片文件扩展名:"+FileExt;

if(AllowImgWidth!=0&&AllowImgWidth<ImgWidth)
ErrMsg=ErrMsg+"\n图片宽度超过限制。请上传宽度小于"+AllowImgWidth+"px的文件,当前图片宽度为"+ImgWidth+"px";

if(AllowImgHeight!=0&&AllowImgHeight<ImgHeight)
ErrMsg=ErrMsg+"\n图片高度超过限制。请上传高度小于"+AllowImgHeight+"px的文件,当前图片高度为"+ImgHeight+"px";

if(AllowImgFileSize!=0&&AllowImgFileSize<ImgFileSize)
ErrMsg=ErrMsg+"\n图片文件大小超过限制。请上传小于"+AllowImgFileSize+"KB的文件,当前文件大小为"+ImgFileSize+"KB";

if(ErrMsg!="")
ShowMsg(ErrMsg,false);
else
ShowMsg(FileMsg,true);
}

ImgObj.onerror=function(){ErrMsg='\n图片格式不正确或者图片已损坏!'}

function ShowMsg(msg,tf) //显示提示信息 tf=true 显示文件信息 tf=false 显示错误信息 msg-信息内容
{
msg=msg.replace("\n","<li>");
msg=msg.replace(/\n/gi,"<li>");
if(!tf)
{
document.all.UploadButton.disabled=true;

FileObj.outerHTML=FileObj.outerHTML;
document.getElementById("preview").innerHTML=msg;
HasChecked=false;
}
else
{
document.all.UploadButton.disabled=false;
if(IsImg)

document.getElementById("preview").innerHTML="<img src='"+ImgObj.src+"' width='60' height='60'>"
else

// document.getElementById("preview").innerHTML="非图片文件";
document.getElementById("preview").innerHTML=msg;
HasChecked=true;
}
}

function CheckExt(obj)
{
ErrMsg="";
FileMsg="";
FileObj=obj;
IsImg=false;
HasChecked=false;

document.getElementById("preview").innerHTML="预览区";
if(obj.value=="")return false;

document.all.UploadButton.disabled=true;
FileExt=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();
if(AllowExt!=0&&AllowExt.indexOf(FileExt+"|")==-1) //判断文件类型是否允许上传
{
ErrMsg="\n该文件类型不允许上传。请上传 "+AllowExt+" 类型的文件,当前文件类型为"+FileExt;
ShowMsg(ErrMsg,false);
return false;
}

if(AllImgExt.indexOf(FileExt+"|")!=-1) //如果图片文件,则进行图片信息处理
{
IsImg=true;
ImgObj.src=obj.value;
CheckProperty(obj);
return false;
}
else
{
FileMsg="\n文件扩展名:"+FileExt;
ShowMsg(FileMsg,true);
}

}

</script>
<form enctype="multipart/form-data" method="POST" onsubmit="return HasChecked;">
<fieldset style="width: 372; height: 60;padding:2px;">

<input type="file" id="file1" onchange="CheckExt(this)" style="width:180px;">
<input type="submit" id="UploadButton" value="开始上传" disabled><br>
<div id="preview" style="border:1 solid #808080;background:#E0E0E0;width100%;height:20px;color:#606060;padding:5px;" >

</div>
</fieldset>

热点内容
如何用安卓编译项目 发布:2025-01-24 08:30:46 浏览:863
计算机同时输出和存储设备的区别 发布:2025-01-24 08:29:21 浏览:581
食物语上传 发布:2025-01-24 07:58:44 浏览:754
编程相关书籍 发布:2025-01-24 07:55:45 浏览:430
英雄联盟手游需要哪些配置 发布:2025-01-24 07:42:03 浏览:985
regex可以静态编译吗 发布:2025-01-24 07:40:32 浏览:79
怎么编译rec 发布:2025-01-24 07:39:04 浏览:56
卡片没加密 发布:2025-01-24 07:33:56 浏览:381
linux备份mysql 发布:2025-01-24 07:26:54 浏览:391
苹果手机忘记id密码怎么刷机 发布:2025-01-24 07:26:47 浏览:695