首页 / JAVASCRIPT / JS上传图片前的限制包括(jpgjpggif及大小高宽)等_javascript技巧

JS上传图片前的限制包括(jpgjpggif及大小高宽)等_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JS上传图片前的限制包括(jpgjpggif及大小高宽)等_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1487字，纯文字阅读大概需要3分钟。

内容图文

功能：
1.限制扩展名：只能jpg || jpg和gif
2.限制图片大小：K为单位
3.限制图片宽高：px为单位（要么都有，要么都无）
4.限制已经损坏的图片（没有预览的图片）
5.限制更改过扩展名的图片（比如强制把一个动态的GIF扩展名改为JPG了）
使用限制：
要在InputFile里增加onchange事件，使其选择文件后能在一个img标签里加载出来，否则使用会出错
imglimit.js
代码如下:

function limitImg(){
var img=document.getElementById(arguments[0]);//显示图片的对象
var maxSize=arguments[1];//
var allowGIF=arguments[2]||false;
var maxWidth=arguments[3]||0;
var maxHeight=arguments[4]||0;
var postfix=getPostfix(img.src);
var str=".jpg";
if(allowGIF){str+=".gif"}
if(str.indexOf(postfix.toLowerCase())==-1){
if(allowGIF){return "图片格式不对，只能上传jpg或gif图像";}else{return "图片格式不对，只能上传jpg图像";}
}else if(img.fileSize>maxSize*1024){
return "图片大小超过限制,请限制在"+maxSize+"K以内";
}else{
if(img.fileSize==-1){
return "图片格式错误，可能是已经损坏或者更改扩展名导致，请重新选择一张图片";
}else{
if(maxWidth>0){
if(img.width>maxWidth){
return "图片宽度超过限制，请保持在"+maxWidth+"像素内";
}else{
if(img.height>maxHeight){
return "图片高度超过限制，请保持在"+maxHeight+"像素内";
}else{
return "";
}
}
}else{
return "";
}
}
}
}
//根据路径获取文件扩展名
function getPostfix(path){
return path.substring(path.lastIndexOf("."),path.length);
}

页面调用：
代码如下:



JS上传图片前的限制包括(jpgjpggif及大小高宽)等_javascript技巧 - 文章图片



内容总结

以上是互联网集市为您收集整理的JS上传图片前的限制包括(jpgjpggif及大小高宽)等_javascript技巧全部内容，希望文章能够帮你解决JS上传图片前的限制包括(jpgjpggif及大小高宽)等_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/315623.html

来源：【匿名】