我有点卡住 - 我有一些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>