我想从一个html文件-Input-Type中获取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);
});