Question

動作しませアップロードするが、それは「キャッチされない例外TypeError：不正な呼び出し」エラーメッセージが表示さ

 $('.upload-document').on("click", function() { 
     $(this).parent().append("<input type='file' class='upload-btn' style='visibility:hidden' />"); 
     $('.upload-btn').click(); 
     $('.upload-btn').on("change", function(e){ 
      var file = $(this)[0].files[0]; 
      $.ajax({ 
       type: 'POST', 
       url: "upload-file.php", 
       data: { 
        file: file 
       }, 
       success: function (data) { 
        console.log(data); 
       } 
      }); 
     }) 
    }) 

Answer 1

はこれにあなたのコードを変更します。

$('.upload-document').on("click", function() { 
    $(this).parent().append("<input type='file' class='upload-btn' style='visibility:hidden' />"); 
    $('.upload-btn').click(); 

}) 
$('body').on("change",'.upload-btn', function (e) { 
    var file = $(this)[0].files[0]; 
    $.ajax({ 
     type: 'POST', 
     url: "upload-file.php", 
     data: { 
      file: file 
     }, 
     success: function (data) { 
      console.log(data); 
     } 
    }); 
})