多文件上传图片显示有关问题

2013-03-28

多文件上传图片显示问题！想在上传前做比例验证，初学，不是很了解 img.onload 用法，一下代码不知那些错了，

多文件上传图片显示问题！
想在上传前做比例验证，初学，不是很了解 img.onload 用法，一下代码不知那些错了，上传一张图奏效，多张的话， img.onload 只能运行一次，求解！万分感激！

 <script type="text/javascript">
        function checkfile(e) {
            var file = document.getElementById('file_input');

            for (var i = 0; i < file.files.length; ++i) 
            {
                var url = window.URL || window.webkitURL;
                if (file.files[i].type.indexOf("image") == -1) {
                    var result = $("<p>" + file.files[i].name + " does not meet the requirements</p>");
                    $('#error').append(result);
                    return false;
                }
                if (file.files[i].size > 100000) {
                    var result = $("<p>" + file.files[i].name + " does not meet the requirements</p>");
                    $('#error').append(result);
                    return false;
                }

                    var img = new Image();
                    var id = "img" + i;
                    img.setAttribute('id', id);
                    img.onload = function(e) {
                        if (img.width > img.height) {
                            id = "#" + id;
                            $(id).remove();
                        }
                        window.URL.revokeObjectURL(this.src); 
 
                    }
                    img.src = url.createObjectURL(file.files[i]);
                    $('#fileList').append(img);
                
            }
        }
    
    </script>

[解决办法]
img.onload = function(e) {
                        if (this.width > this.height) {
                            id = "#" + this.id;
                            $(id).remove();
                        }
                        window.URL.revokeObjectURL(this.src);
                    }

热点排行

JavaScript

多文件上传图片显示有关问题