移动浏览器上的jQuery图像大小和类型验证

时间:2013-05-29 13:55:04

标签: jquery image validation mobile browser

我有点卡住 - 我有一些jQuery代码用于验证正在上传的文件大小和图像文件的类型。它在正常的浏览器上工作正常,但由于某种原因它不适用于移动浏览器(iPhone,Galaxies等)。任何人都可以看到问题所在以及如何解决问题?任何帮助将不胜感激!

<script>
$('document').ready(function () {
    $('.close_btn').click(function () {
        $('.grey_cover', window.parent.document).hide();
        $('.upload_photo_frame', window.parent.document).hide();
    });
    $("#file").change(function (event) {
        var file = event.target.files[0];
        var kb = 1024;
        var size = (file.size/kb).toFixed(2);
        //alert(size);
        if (size > (1024 * 2)) {
            $('.upload_photo_div').hide();
            $('.photo_oversize_div').show();
            $('.photo_oversize_div .close_btn').click(function () {             
                $('.grey_cover', window.parent.document).hide();
                $('.photo_window',window.parent.document).hide();
            });
            $('.photo_oversize_div .confirm_btn').click(function () {
                $('.upload_photo_div').show();
                $('.photo_oversize_div').hide();
                if ($.browser.msie) {
                    $('#file').replaceWith($('#file').clone());
                } else {
                    $('#file').val('');
                }
            });
        }
        if (file.type != 'image/jpg' && file.type != 'image/jpeg' && file.type != 'image/png' && file.type != 'image/gif') {
            //$('.photo_format').text(file.type);
            $('.upload_photo_div').hide();
            $('.photo_format_error_div').show();
            $('.photo_format_error_div .close_btn').click(function () {             
                $('.grey_cover',window.parent.document).hide();
                $('.photo_window',window.parent.document).hide();
            });
            $('.photo_format_error_div .confirm_btn').click(function () {
                $('.upload_photo_div').show();
                $('.photo_format_error_div').hide();
                if ($.browser.msie) {
                    $('#file').replaceWith($('#file').clone());
                } else {
                    $('#file').val('');
                }
            });
        }
        // alert($('#file').val());
        // CheckFile(event.target.value);
    });
    $('.send_btn').click(function () {
        $('.upload_photo_div').hide();
        //$('.grey_cover').show();
        $('.loading_animation').show();
    });
});
</script> 

0 个答案:

没有答案