【问题标题】:Property 'result' does not exist on type 'EventTarget'?“EventTarget”类型上不存在属性“结果”?
【发布时间】:2018-04-30 18:35:10
【问题描述】:

我的 .ts 文件中有一个 Javascript,它不断向我显示“EventTarget”类型上不存在属性“结果”???

imageUpload() {

window.onload = function(){   
    //Check File API support zzzz
        (<any>$('#files')).live("change", function(event) {
            var files = event.target.files; //FileList object
            var output = document.getElementById("result");
            for(var i = 0; i< files.length; i++)
            {
                var file = files[i];
                //Only pics
                // if(!file.type.match('image'))
                if(file.type.match('image.*')){
                    if(this.files[0].size < 2097152){    
                  // continue;
                    var picReader = new FileReader();
                    picReader.addEventListener("load",function(event){
                        var picFile = event.target;
                        var div = document.createElement("div");
                        div.innerHTML = "<img class='thumbnail' src='" + picFile.result + "'" +
                                "title='preview image'>";
                        output.insertBefore(div,null);            
                    });
                    //Read the image
                    $('#clear, #result').show();
                    picReader.readAsDataURL(file);
                    }else{
                        alert("Image Size is too big. Minimum size is 2MB.");
                        $(this).val("");
                    }
                }else{
                alert("You can only upload image file.");
                $(this).val("");
            }
            }                               

        });
}
}

在我的 HTML 中,我使用了这个输入标签

    <input id="files" type="file" accept="image/*" multiple/>

我的输出标签是这样的

为什么javascript里面有错误??有谁知道是什么问题?谢谢!!!

【问题讨论】:

  • (e.target).result 为我工作

标签: javascript html typescript


【解决方案1】:

看起来event.target 是FileReader 类型,因此尝试将event.target 强制转换为特定类型,以告诉TypeScript 实际上它将具有.result 值:

var picFile = <FileReader>event.target;

参考(here)。

【讨论】:

    猜你喜欢
    • 2019-01-28
    • 2017-06-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-05-18
    • 2021-06-03
    • 2018-01-09
    相关资源
    最近更新 更多