0

href リンクからファイルのアップロード機能を呼び出そうとしていますが、ブラウズ ボックスが表示されていても、選択したファイルの検証を実行できません。これが私が持っているコードです:

<a href="#" onclick="$('input[id=formmedia]').click();"><div class="sidebarSectionLink">Click here to add files</div></a> //Calls the browse box

<input type="file" id="formmedia" style="display: none;"> //Hidden input

//Post Photo Jquery
$('#formmedia').blur(function()
{
var pic=$("#formmedia").val();
if(pic.length < 1){
    $('.sidebarSectionLink').html("Please Add A Photo").removeClass("success").addClass("error");
    picok = 2;
}
else if(pic.indexOf('jpg') === -1 && pic.indexOf('jpeg') === -1 && pic.indexOf('png') === -1 && pic.indexOf('gif') === -1){
    $('.sidebarSectionLink').html("Invalid File Format").removeClass("success").addClass("error");
    picok = 2;
}
else {
    picok = 1;
}
});
4

1 に答える 1

0
document.getElementById('formmedia').onchange = uploadOnChange;

function uploadOnChange(){
    //Validation here
}

またはjQueryバージョン

$('#formmedia').change(function(){
    //validation
});

フィールドが非表示であるため、onblur は起動しませんが、非表示のアイテムでも変更が発生する可能性があります。

于 2013-07-23T10:07:37.323 に答える