Javascript 财产';结果';不存在于类型';EventTarget';?
我的.ts文件中有一个Javascript,它不断向我显示属性“result”在类型“EventTarget”上不存在Javascript 财产';结果';不存在于类型';EventTarget';?,javascript,html,typescript,Javascript,Html,Typescript,我的.ts文件中有一个Javascript,它不断向我显示属性“result”在类型“EventTarget”上不存在 imageUpload() { window.onload = function(){ //Check File API support zzzz (<any>$('#files')).live("change", function(event) { var files = event.target.files
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("");
}
}
});
}
}
imageUpload(){
window.onload=函数(){
//检查文件API支持zzzz
($('#文件')).live(“更改”,函数(事件){
var files=event.target.files;//文件列表对象
var输出=document.getElementById(“结果”);
对于(var i=0;i
在我的HTML中,我使用了这个输入标记
<input id="files" type="file" accept="image/*" multiple/>
我的输出标签是这样的
为什么javascript中有错误??有人知道问题出在哪里吗?谢谢 看起来像
事件。target
类型为FileReader
,因此请尝试将事件强制转换为特定类型。target
告诉TypeScript它实际上将有一个。result
值:
var picFile = <FileReader>event.target;
var picFile=event.target;
请参阅以供参考。(e.target)。结果对我有效