htmlファイルからTypeScriptでファイルオブジェクトを取得したいのですが、Input-Type。

Question

public UploadFile() 
{ 
    //File Data 
    this.filePath = $("#inputFile").val(); 
    var file = $("#inputFile").get(0).files[0]; 
    var reader = new FileReader(); 
    reader.onload = function (evt) { 
    var fileContent = reader.result; 
    var x = fileContent.bytes;       
} 

Answer 1

あなたの質問は完全にはわかりませんが、ここで役立つサンプルコードがあります。これは有効なTypeScriptコードでなければなりません。これは、input要素#inputFileからファイルを読み込み、id #divMainのdivにそのテキストを表示します。

$("#inputFile").on('change', null, (e) => { 
    var input = <HTMLInputElement>e.target; 
    var files = input.files; 
    var f:File = files[0]; 
    var reader = new FileReader(); 
    var name = f.name; 
    console.log("File name: " + name); 
    reader.onload = function (e) { 
     var target: any = e.target; 
     var data = target.result; 
     $("#divMain").text(data); 
    }; 
    reader.readAsText(f); 
});