javascript - キーボード ショートカットを使用してファイルを HTML5 ページにアップロードする

Question

HTML5 File API でドラッグ アンド ドロップを使用してファイルをアップロードできることを知っています。これは、ファイル エクスプローラーからファイルをコピーし、CTRL-V/CMD-V を使用して Web ページに貼り付けるか、右クリックのコンテキスト メニューから貼り付けることによっても実行できますか?

Answer 1

そんなことはできません。

これでファイルパスを簡単に取得できます：

$(document).on('paste',function(e){
    var path = e.originalEvent.clipboardData.getData("text");
});​

したがって、ユーザーに表示することができます。

ただし、 の値を自分で変更することはできません<input type=file>。

これはセキュリティ対策です。ユーザーがフォームを送信する直前に (または、他のフォーム要素で可能になったように、ユーザーの操作なしで) アップロードするファイルのパスをスクリプトで変更できると想像してみてください。すべての重要なセキュリティ保護に関して、最新のブラウザには既知の「回避策」がありません。