js限制图片显示的大小

Posted 4job

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js限制图片显示的大小相关的知识,希望对你有一定的参考价值。

//缩放图片到合适大小
        function ResizeImages() {
            var myimg, oldwidth, oldheight;
            var maxwidth = 400;
            var maxheight = 400
            var imgs = document.getElementById(‘article‘).getElementsByTagName(‘img‘);   //如果你定义的id不是article,请修改此处

            for (i = 0; i < imgs.length; i++) {
                myimg = imgs[i];

                if (myimg.width > myimg.height) {
                    if (myimg.width > maxwidth) {
                        oldwidth = myimg.width;
                        myimg.height = myimg.height * (maxwidth / oldwidth);
                        myimg.width = maxwidth;
                    }
                } else {
                    if (myimg.height > maxheight) {
                        oldheight = myimg.height;
                        myimg.width = myimg.width * (maxheight / oldheight);
                        myimg.height = maxheight;
                    }
                }
            }
        }
        //缩放图片到合适大小
        ResizeImages();
    </script>




























以上是关于js限制图片显示的大小的主要内容,如果未能解决你的问题,请参考以下文章

怎么在js 里面限制上传图片的大小不能超过 1M?

新浪微博gif图片最大有效显示尺寸是多少

S实现控制图片显示大小的方法图片等比例缩放功能

怎么修改百度编辑器(Ueditor)的上传图片大小限制,PHP版的

img 标签 设置默认图片

关于图片上传到tomcat问题