我试图将逗号界的字符串导出到用户单击按钮时打开的CSV。我发现了几个不同的示例,但是当我试图修改它们以满足我的需求时,CSV文件不会打开。此链接指向我的jsfiddle
<div onClick="exportToCSV('Test.csv');">Test here</div>
function exportToCSV(filename) {
csv = "test, test1, test2, test3";
csvData = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);
$(this)
.attr({
"download": filename,
"href": csvData,
"target": "_blank"
});
}
任何帮助将不胜感激。
download
属性仅存在于 a
tag中。
a
尝试一下:
- 将
div
标签更改为a
标签。 -
通过使用
将this
关键字。exportToCSV
函数中元素的引用传递给元素exportToCSV(this, 'Test.csv');
-
使用对函数中元素的引用。
function exportToCSV(me, filename) {
var csv = "test, test1, test2, test3";
var csvData = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);
$(me) // Reference to the element.
.attr({
"download": filename,
"href": csvData,
"target": "_blank"
});
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a onclick="exportToCSV(this, 'Test.csv');">Test here</a>