发布网友 发布时间:2022-04-22 22:21
共7个回答
懂视网 时间:2022-04-23 07:00
这次给大家带来判断上传图片类型与大小需要哪些步骤,判断上传图片类型与大小的注意事项有哪些,下面就是实战案例,一起来看一下。z这里使用jQuery判断上传图片的类型和大小:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <form action="" method=""> <input type="file" id="file" /> </form> <p id="p_1">图片格式为:</p> <p id="p_2">图片大小为:</p> <script src="js/jquery-1.8.3.min.js"></script> <script> $(function(){ var p_1 = $('#p_1'), p_2 = $('#p_2'); $('body').on('change','#file',function(){ var path = $(this).val(), extStart = path.lastIndexOf('.'), ext = path.substring(extStart,path.length).toUpperCase(); //判断图片格式 if(ext !== '.PNG' && ext !== '.JPG' && ext !== '.JPEG' && ext !== '.GIF'){ alert('请上传正确格式的图片'); resetFile(); return false; }else{ p_1.html('图片格式为:' + ext); } //获取图片大小,注意使用this,而不是$(this) var size = this.files[0].size / 1024; if(size > 10240){ alert('图片大小不能超过10M'); resetFile(); return false; }else{ p_2.html('图片大小为:' + size.toFixed(2) + 'KB'); } }) //还原 function resetFile(){ //清空file表单的值,不能直接使用$('#file').val('')这种写法 $('form').html('<input type="file" id="file" />'); p_1.html('图片格式为:'); p_2.html('图片大小为:'); } }) </script> </body> </html>
lastIndexOf()
方法从后向前检索指定字符串,如果出现了指定的字符,则返回该字符所在的位置,如果没有,返回-1,位置从0开始计数
toUpperCase()
方法转换成大写字母
substring()
方法截取字符串,第一个参数为开始的位置,第二个参数为结束的位置(如果省略,则默认会截取到字符串的结尾),与slice()
和substr()
方法不同的是,substring()
不接受负的参数
slice()
方法同substring()
方法,区别是接受负的参数(若参数为负数,则从字符串尾部开始计算位置)
substr()
方法截取字符串,第一个参数是开始的位置,第二个参数是截取的长度(不同于slice和substring),现已不建议使用
相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!
推荐阅读:
Koa项目搭建步骤详解
angular6.0实现组件懒加载功能(附代码)
热心网友 时间:2022-04-23 04:08
淘宝店招图片,高度要求是120像素。宽度在950像素左右。
淘宝宝贝图片尺寸要求是700*700以上,太小会显示宝贝图片太小,太大又会显示不全,存储大小< 500 K。
淘宝卖家上传图片时,设置图片大小的方法:
1、首先,登录你的淘宝账号,点击【卖家中心】——【出售中的宝贝】。如下图。
2、然后就会显示您设置的正在出售的宝贝。对于宝贝图片显示异常的,点击后面对应的【立刻编辑】。
3、然后就会显示您设置的正在出售的宝贝。对于宝贝图片显示异常的,点击后面对应的【立刻编辑】。
4、首先,找到旧的图片,点击下面的叉子删除掉。
5、然后点击【文件上传】。
6、选择大小尺寸合适的宝贝图片,点击【打开】开始上传替换。
7、上传完毕,点击【确认】。
8、然后就可以看到自己的宝贝图片显示很正常了。
热心网友 时间:2022-04-23 05:26
图片大小设置基本如下:
商品主图的尺寸: 宽310*高310像素。
商品图片的尺寸:宽500*高500像素,大小在120KB以内,要求JPG或GIF格式,到发布宝贝页面上上传图片。
店标图片的尺寸:宽100*高100像素,大小在80K以内,支持JPG或GIF格式,动态或静态的图片均可。上传步骤:“管理我的店铺”-“基本设置”-“店标”-“浏览”-“确定”。
宝贝描述图片的尺寸:没有特殊要求,可根据需要宽500*高500像素,大小在100K以内,这样图片的打开速度较快。要求JPG或GIF格式,静态或动态均可。将图片上传到电子相册,再复制到商品页面中去。
宝贝分类图片尺寸:宽不超过1165,长度不*,大小在50KB以内,要求GIF或JPG格式,动态或者静态均可,先将图片上传到电子相册得到一个缩短网址后进入“管理我的店铺”-“基本设置”-“宝贝分类”。
热心网友 时间:2022-04-23 07:00
主图300*300想要放大镜功能就要800*800的热心网友 时间:2022-04-23 08:52
可以去用自动设置 不*图片大小尺寸的专业企业空间热心网友 时间:2022-04-23 11:00
可用招财猫图片空间,上传时选自动缩到合适大小,就行了热心网友 时间:2022-04-23 13:24
不同的位置图片大小是不同的 看你想上传哪个位置的图片咯