javascript - HTMLフォームのファイル選択でボタンを自動クリック

Question

ファイルをアップロードする HTML フォームがあります。フォームを送信するボタンとファイルをアップロードするボタンの 2 つのボタンを使用できるようにしたいと考えています。

私は使用してみました：

document.getElementById("logo").onchange = function() {
    $('#upload_logo').click();
};

ファイルが選択されているが機能していないときにupload_logoボタンをクリックする

何か案は？

Answer 1

jQuery を使用している場合は、コード全体で使用する必要があります。送信ボタンをクリックする代わりに、フォームで送信する必要があります。

(願わくば、入力の周りにフォームがありますよね?)

$("#logo").on('change', function() {
  $('#uploadForm').submit();
});

Answer 2

使用するtrigger

document.getElementById("logo").onchange = function() {
  $('#upload_logo').trigger('click');
};

Answer 3

<input type="file">ファイルのアップロードに使用します。