zoukankan      html  css  js  c++  java
  • jquery 读取file 图片文件的宽高

    if (file) {
                            var reader = new FileReader();
                            reader.onload = function(e) {
                                var sourceid = $("input[name='rdsource']:checked").val();
                                if (sourceid == 20) {
                                    //实拍图限定宽高为3000*2000
                                    var data = e.target.result;
                                    //加载图片获取图片真实宽度和高度
                                    var image = new Image();
                                    image.onload = function() {
                                        var width = image.width;
                                        var height = image.height;
                                        if (width == 3000 && height == 2000) {
                                            var fileSize = (file.size / 1024 / 1024).toFixed(2);
                                            html = html + '<tr id="' + i + '"><td><strong>' + file.name + '</strong></td>' +
                                                '<td>' + fileSize + 'MB</td><td><div id="uploadProgress_' + i + '" class="upload_progress" style="display:none;0px;height:15px;text-align:right;vertical-align:middle" ></div></td><td><a href="javascript:void(0);" class="upload_delete" title="删除" data-index="' + i + '">删除</a></td></tr>';
                                            totalSize += (fileSize * 1);
                                            i++;
                                            funAppendImage();
                                        } else {
                                            alert("图片:" + file.name + ",尺寸不是3000*2000");
                                            files.splice(jQuery.inArray(file, files), 1);
                                            funAppendImage();
                                        }
                                    };
                                    image.src = data;
                                } else {
                                    var fileSize = (file.size / 1024 / 1024).toFixed(2);
                                    html = html + '<tr id="' + i + '"><td><strong>' + file.name + '</strong></td>' +
                                        '<td>' + fileSize + 'MB</td><td><div id="uploadProgress_' + i + '" class="upload_progress" style="display:none;0px;height:15px;text-align:right;vertical-align:middle" ></div></td><td><a href="javascript:void(0);" class="upload_delete" title="删除" data-index="' + i + '">删除</a></td></tr>';
                                    totalSize += (fileSize * 1);
                                    i++;
                                    funAppendImage();
                                }
                                //--------------
                            };
                            reader.readAsDataURL(file);
                        } 

    file控件,在js中读取图片宽高,需要异步实例化图片,然后读取图片的宽高

  • 相关阅读:
    平衡二叉树
    2020年度总结
    go中string是如何实现的呢
    escape的编码解码
    小程序实现下载图片到手机及文字到手机粘贴板
    小程序分享(单页面,朋友圈)
    sql server单行拆分成多行
    sql server 查询分组后用逗号拼接字符串和拆分
    安装虚拟机
    Lombok插件安装
  • 原文地址:https://www.cnblogs.com/bwlang/p/6904913.html
Copyright © 2011-2022 走看看