私は少し立ち往生しています - アップロードされている画像ファイルのファイルサイズとタイプを検証するための 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>