javascript 前端验证 file 上传图片 尺寸 大小
2016-04-21 21:34
615 查看
参考文档:
http://stackoverflow.com/questions/8903854/check-image-width-and-height-on-upload-with-javascript
http://stackoverflow.com/questions/8903854/check-image-width-and-height-on-upload-with-javascript
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="jquery.min.js"></script> </head> <body> <form> <div class="abc">aa</div> <input id="image-file" type="file" name="file"/> <input id="textInput" name="filetext"/> <script type="text/javascript"> var _URL = window.URL || window.webkitURL; $('#image-file').bind('change', function () { if ((file = this.files[0])) { img = new Image(); img.onload = function () { alert(this.width + " " + this.height); }; img.src = _URL.createObjectURL(file); } }); </script> </form> </body> </html>
相关文章推荐
- jsf+primefaces问题汇总
- JSF页面中使用js函数回调后台bean方法并获取返回值的方法
- 安卓中使用Gson解析json方法详解与使用例子
- js跨域请求jsonp数据
- 客户端js判断文件类型和文件大小即限制上传大小图片预览
- javascript 上传文件到 oss
- Javascript数组方法(译)
- Extjs5中HtmlEditor文本编辑器
- 未来攻城师
- JavaScript正则表达式下——相关方法
- Json和XML解析
- JSP ffmpeg实现视频截图
- JavaScript ECMAScript5
- javaScript
- js基本语法--查找(二分查找)
- 避免IE执行AJAX时,返回JSON出现下载文件
- javascript Prototype constructor的理解(一)
- JavaScript 浏览器对象
- Angular JS 基础
- JavaScript异步实现