js前台获取上传图片的宽度和高度

2019独角兽企业重金招聘Python工程师标准>>>

项目要求在上传图片之前，做图片格式的处理：限制高度和宽度。但是纠结了一天，还是没有实现，主要的问题如下：

1、IE浏览器可以获取上传图片的本地绝对路径，但是网上获取图片的高度和宽度的方法得不到图片的宽度和高度，代码如下：

<script>var image = new Image();image.src='http://marycolorfulsky.blog.163.com/blog/http://www.baidu.com/img/logo.gif';image.onreadystatechange=function(){if (image.readyState=="complete"){alert(["图片大小是:",image.width,image.height]);}}
</script>

主要的问题是在onreadystatechange这个事件的触发无能为力，IE和火狐下没有正确的响应。

2、火狐浏览器如果没有设置安全级别，是不能得到本地图片的绝对地址，只有一个“变异”了的错误的绝对路径，所以无从入手来得到图片的宽度和高度。

不知道有么有可以实现前台获取高度和宽度的方法，其次，感觉只能在服务器端来判断图片的宽度和高度了！！！！

转载于:https://my.oschina.net/u/232879/blog/135787

js前台获取上传图片的宽度和高度相关推荐

JS动态获取DIV的宽度和高度px！
JS动态获取div的宽度: var o = document.getElementById("div"); var width= o.clientWidth||o.offsetWi ...
H5获取屏幕的宽度和高度
H5获取屏幕的宽度和高度通过JS获取 window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) ...
Android 开发 Activity里获取View的宽度和高度转载
Android 开发 Activity里获取View的宽度和高度转载原文地址:https://blog.csdn.net/chenbaige/article/details/77991594 前言 ...
php获得屏幕宽度,PHP获取客户端屏幕宽度、高度及分辨率的方法
PHP获取客户端屏幕宽度.高度及分辨率的方法发布时间:2015-11-21 08:08:45 作者:佚名阅读:(61) php获取客户端屏幕宽度.高度及分辨率的方法首先需要说明的是php是服务器 ...
获取div的宽度和高度
获取div的宽度和高度我最先开始的想法是这样的获取到div var d = document.getElementById("容器id") 取widthd.width,或者d. ...
js获取div的宽度和高度的坑
元素尺寸属性说明 clientWidth 获取元素可视部分的宽度,即 CSS 的 width 和 padding 属性值之和,元素边框和滚动条不包括在内,也不包含任何可能的滚动区域 clientHe ...
js获取html body的宽度,JS获取元素的宽度和高度
在 JavaScript 中,使用元素的 offsetWidth 和 offsetHeight 属性可以分别获取元素的包含边框的宽度和高度:而 clientWidth 和 clientHeight 属 ...
java读取服务器图片大小,SpringMVC中MultipartFile上传获取图片的宽度和高度详解
SpringMVC一般使用MultipartFile来做文件的上传,通过MultipartFile的getContentType()方法判定文件的类型(MIME) ".doc":& ...
jsjq：获取div的宽度、高度、屏幕距离方法总结
jq获取div的宽度只是获取content宽度 var content = $('div'). width(); 获取content+padding的宽度 var contentWithPaddin ...
获取当前页面的宽度和高度
jQuery:获取当前打开页面的宽度和高度: var windowheight = $(window).height() - 20; var windowwidth = $(window).width ...

js前台获取上传图片的宽度和高度

js前台获取上传图片的宽度和高度相关推荐

最新文章

热门文章