我想從一個HTML文件輸入類型獲取TypeScript中的文件對象。

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代碼，它從輸入元素#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); 
});