上传图片判断文件尺寸

最新推荐文章于 2023-02-05 11:39:01 发布

David宫洪深

最新推荐文章于 2023-02-05 11:39:01 发布

阅读量614

点赞数

分类专栏：前端框架和插件及方法文章标签：图片 js jq

本文链接：https://blog.csdn.net/qq_36020545/article/details/53911565

版权

前端框架和插件及方法专栏收录该内容

10 篇文章 0 订阅

订阅专栏

我们这边需要进行上传文件如果是图片就进行尺寸判断

  <a href="javascript:;" class="choose-book">
                                                        <input type="file"   name="certificate" nv-file-select
                                                               accept="image/png" uploader="uploader" ng-click="clearItems()" id="previewImg"
                                                               ng-show="item.type<3" ngf-max-size="5MB" />
                                                        <button ng-click="uploader.uploadAll()">upload</button>
                                                    </a>

下面是jq

  <script type="text/javascript">
                                    var _URL = window.URL || window.webkitURL;
                                    $('#previewImg').bind('change', function () { //如果id位perviewImg 改变
                                        if ((file = this.files[0])) { 获取上传的文件
                                            img = new Image();
                                            img.onload = function () {
                                                alert(this.width + " " + this.height);
                                            };
                                            img.src = _URL.createObjectURL(file);
                                        }
                                    });



                                </script>

原文 http://stackoverflow.com/questions/8903854/check-image-width-and-height-before-upload-with-javascript