导入 使用HTML5的FileReader对象
要有一个input[type=“file”]
<input id="upload_input" class="hide" type="file" accept=".csv" οnchange="onUpload(this)" />
接收文件方法
function onUpload(input) {
// 校验文件
var file = input.files[0];
var reader = new FileReader();
if(typeof reader == 'undefined') {
showTip("您的浏览器暂不支持该功能", false);
return;
}
var fileName = file.name;
var pointIndex = fileName.lastIndexOf(".");
var fileSuffix = fileName.substr(pointIndex);
if (fileSuffix == ".CSV" || fileSuffix == ".csv") {
try {
reader.readAsText(file, 'utf-8');
reader.onload = function(f) {
if (!isEmpty(this.result)) {
uploadContent = this.result;
//submit();
} else {
showTip("上传的文件为空!", false);
}
input.value='';
}
} catch (e) {
showTip("读取文件失败!", false);
console.log(e);
}
} else {
showTip("您选择的文件不是CSV格式", false);
}
}
导出使用a标签和Blob对象
添加隐藏a标签
<a id="export_href" style="display: none;">导出</a>
添加导出方法
如果需要导出的centen 有逗号 wps会编译 (一个逗号一个单元格)
// content为需要导出的文本内容(需要符合csv文件格式)
var blob = new Blob(["\uFEFF" + content], { type: 'text/csv;charset=utf-8;' });
filename = "export_file_" + new Date().format('yyyy-MM-dd@hh:mm:ss') + ".csv";
var link = byId("export_href");
link.download = filename;//这里替换为你需要的文件名
link.href = URL.createObjectURL(blob);
link.click();