入力欄にファイルタイプを指定せずにテキストボックスからファイルを読み込みます。

Question

テキストボックスにパスを貼り付けたときと、ファイルの読み込みボタンをクリックしたときにファイルを読み込もうとしています。問題はそれが読書ではないことです - しかし、ファイルオプション付きの入力タグでは読んでいます。

あなたはそれを達成する方法を教えてもらえますか？以下に私のコードを提供する。

https://codepen.io/texirv/pen/dzwrqM?editors=1111

<input class="laptop" placeholder="Paste link here to upload document." type="text" name="sportsBox" id="sportsBox"> 

$("#swimmingLink").click(function() { 
     console.log("inside click function--->"); 
      playerValue = $("#sportsBox").val().replace(/\\/g,"/"); 
      var coffee = playerValue.substring(playerValue.lastIndexOf('/')+1) 

      console.log("playerValue--->" + playerValue); 
      console.log("coffee--->" + coffee); 

      //var myReader: FileReader = new FileReader(); 
      var myReader = new FileReader(); 

      //var textType = /text.*/; 
      var file = playerValue.files[0]; 
      console.log("file---->" + file); 

Answer 1

申し訳ありませんが、これはセキュリティ上の理由により達成することができません。

ユーザーが自分でファイルを選択したときにファイルを取得できる唯一の方法です。

これ以外の場合は、コンソールから簡単なスクリプトを実行して、何千もの悪意のあるファイルをアプリケーション/サーバーにアップロードすることができます。そのため、タイプファイルの入力が必要です。