js获取上传图片的尺寸大小
发布日期:2021-08-26 13:56:16 浏览次数:1 分类:技术文章

本文共 976 字,大约阅读时间需要 3 分钟。

  当上传图片时,有时候需要控制下上传图片的尺寸大小,需要给个提示

//获取图片的尺寸,控制尺寸大小var reader = new FileReader(),     img = new Image();// 选择的文件对象var file = null;$('#jjfxSoft_iconPath,#jjfxSoft_screenshotPath,#jjfxSoft_recommendPath').on('change', function (event) {    file = event.target.files[0];    var excuteId = this.id;    // 选择的文件是图片    if (file.type.indexOf("image") == 0) {        reader.readAsDataURL(file);    }    // 文件base64化,以便获知图片原始尺寸    reader.onload = function(e) {        img.src = e.target.result;                // base64地址图片加载完毕后        img.onload = function(){            // 图片原始尺寸            var originWidth = this.width;            var originHeight = this.height;            // 最大尺寸限制            var maxWidth = 400, maxHeight = 400;            // 图片尺寸超过400x400的限制            if (originWidth > maxWidth || originHeight > maxHeight) {                dialogMsg("图片过大,请选择400*400以下的图片",0);                $("#"+excuteId).val("");                return false;            }        };    };})

 

转载地址:https://blog.csdn.net/weixin_33888907/article/details/85963840 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:MongoDB 入门篇
下一篇:怎么用js编写1——100的质数?

发表评论

最新留言

初次前来,多多关照!
[***.217.46.12]2024年05月02日 13时37分39秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章