javascript - HTMLAnchor 元素下载在 Typescript 中不起作用

标签 javascript html typescript

我无法让 HTMLAnchor 元素的下载属性在 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 不支持下载属性。是否有解决方法,将 .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();

关于javascript - HTMLAnchor 元素下载在 Typescript 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22297855/

相关文章:

javascript - 当值来自数据库时表不排序

javascript - 纯JS "If stament depending the number of click"

javascript - HTML 数据和一个看起来像数字的字符串

html - 如何制作CSS下拉菜单slidedown

javascript - Disqus 评论数始终为 0 条评论

typescript - 类型 'null' 不可分配给类型 '() => void | null'

reactjs - 属性 '[Symbol.observable]' 在类型 'Store<ApplicationState>' 中缺失,但在类型 'Store<any, AnyAction>' 中需要。 TS2741

javascript - 使用 javascript 从重写的 URL 获取参数

php - 在 php 中使用 strip_tags 的问题

javascript - 如何以正确的方式动态设置对象的属性?