火災ボタン別のボタンイベントでの別のオンイベントイベント

Question

別のボタンオンイベントからボタンイベントを発生させようとしています。イベントが発生した後にエラーが発生し、ボタンイベントが機能していない場合、以下は私のコードです。誰も助けてください。

<script type="text/javascript"> 
    document.getElementById('btnPropertyUpload').addEventListener('click', openDialog); 

    function openDialog() { 
    console.log("funOnchange"); 
    document.getElementById('imgPropertyUpload').click(); 
    } 

    function funOnchange() { 
    $('#btnPropertySubmit').click(); 
    } 
</script> 

<div align="left"> 
    @using (Html.BeginForm("PropertyMaster", "Admin", FormMethod.Post, new { enctype = "multipart/form-data" })) { 
    <span style="padding:5px 0px 0px 30px;"> 
     @Html.Label("lblPropPhotos", "PROPERTY PHOTOS") 
    </span> 
    <button type="button" id="btnPropertyUpload" class="btn-link"> 
     <span class="glyphicon glyphicon-upload col-sm-2"></span> 
    </button> 
    <input type="file" id="imgPropertyUpload" style="display:none" name="postedFiles" multiple="multiple" onchange="funOnchange();" /> 
    <input type="submit" value="Upload" id="btnPropertySubmit" style="display:none" /> 
    <br /> 
    if (Model != null && Model.PropDetails.PropertyImages != null) 
    { 
     foreach (var image in Model.PropDetails.PropertyImages) { 
     <img src="@Url.Content(image)" style="width:100px;height:100px; padding:5px 0px 0px 30px;" /> 
     } 
    } 
    } 
</div> 

Answer 1

これを試してみてください - imgPropertyUploadは、ファイル入力なので、代わりにクリックトライ焦点とあなたがすべての

$(document).ready(function(){ 
    $('#btnPropertyUpload').on('click', function(){openDialog()}); 
}); 

    function openDialog() { 
    console.log("funOnchange"); 
    $('#imgPropertyUpload').focus(); 
    } 

    function funOnchange() { 
    $('#btnPropertySubmit').click(); 
    }