htmlchor元素下载在Typescript中不工作

HTMLAnchor element download not working in Typescript

本文关键字：工作 Typescript 元素 下载 htmlchor      更新时间：2023-09-26

我无法让htmlchor元素的下载属性在TypeScript下工作。我使用下面的代码:

var element = document.createElement('a');
    element.href = 'data:attachment/csv,' + encodeURIComponent(csvContent);
    element.target = '_blank';
    element.mimeType = "attachment/csv";
    element.download = 'Report.csv';  /* #debug 030314  this line fails */
    document.body.appendChild(element);
    element.click();

似乎TypeScript不支持download属性。是否有一种解决方案，将。csv后缀添加到文件中?-是否有可能绕过TypeScript直接调用Javascript代码?

您可以轻松地自己添加:

// Tell TypeScript about it
interface HTMLAnchorElement{
    download:string;    
}

var element = document.createElement('a');
    element.href = 'data:attachment/csv,' + encodeURIComponent(csvContent);
    element.target = '_blank';
    element.mimeType = "attachment/csv";
    element.download = 'Report.csv';  /* No error on this line anymore */
    document.body.appendChild(element);
    element.click();

download属性还没有被广泛接受，所以他们还没有实现它。

您总是可以退回到完全支持的setAttribute:

element.setAttribute("download", "Report.csv");
相关文章：