💻✨JS下载导出文件全攻略📚📊

来源:

工作中经常需要将数据以文件形式导出?别担心!用 JavaScript 就能轻松搞定!以下是 JS 下载导出 CSV、Excel、TXT 和图片 的方法小结,快来收藏吧👇:

🌟 CSV 文件导出

通过构造字符串并设置 `Blob` 对象,可以快速生成 CSV 文件。例如:

```javascript

const csvContent = "data:text/csv;charset=utf-8,...";

const encodedUri = encodeURI(csvContent);

window.open(encodedUri);

```

📊 Excel 文件导出

借助第三方库如 SheetJS (xlsx),几行代码就能创建 Excel 文件:

```javascript

import XLSX from 'xlsx';

const worksheet = XLSX.utils.json_to_sheet(data);

XLSX.writeFile(worksheet, 'output.xlsx');

```

📝 TXT 文件导出

与 CSV 类似,直接输出纯文本内容即可:

```javascript

const text = "Hello World!";

const blob = new Blob([text], { type: 'text/plain' });

saveAs(blob, 'file.txt');

```

🖼️ 图片文件导出

使用 Canvas 或 Base64 转换图片:

```javascript

const canvas = document.getElementById('myCanvas');

const imgData = canvas.toDataURL();

window.location.href = imgData;

```

💡 总结:无论是处理表格还是图片,JavaScript 都能高效完成任务!快试试这些方法吧,让你的工作效率翻倍!💪🎉

标签:

免责声明:本文由用户上传,如有侵权请联系删除!