input - 我想从 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);
});