ブラウザからファイルをシードする

Question

私はユーザーが自分のコンピュータからファイルを選択してシードを開始できるようにしようとしていますが、例はhereです。私はそれを動作させることができなかったので、ドラッグアンドドロップを使用するのではなく、通常の入力を使用しました。ファイルが選択されるたびに

は今、私はこのエラーを取得する：

Uncaught Error: filesystem paths do not work in the browser

は、どのように私は私のサーバーにファイルをアップロードすることなく、ユーザーのコンピュータから種付け開始することができますか？

Answer 1

私はあなたがfile:///でファイルを読むことを試みたと思うが、これはセキュリティの理由から不可能である。ファイルを選択するか、ユーザーからドロー&がドロップされている必要があります。このスニペットで

function readFile(evt) { 
 
    var file = evt.target.files[0] 
 
    if (!file) { 
 
    return 
 
    } 
 
    var reader = new FileReader() 
 
    reader.onload = evt => { 
 
    var contents = evt.target.result 
 
    console.log(contents) 
 
    } 
 
    reader.readAsText(file) 
 
}

<input type="file" onchange="readFile.call(this, event)" />

は、サーバーとの対話なしのファイルを読むことができますし、急流のようなサーバレスtechlologyのための理想的なのthats： 最も簡単な解決策は、ボタンです。