JS实现前端本地Excel表格上传到网页显示并实现反向导出（解决乱码问题）

最新推荐文章于 2023-07-24 16:35:47 发布

原创

最新推荐文章于 2023-07-24 16:35:47 发布 · 1.3k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

演示效果
在这里插入图片描述
使用到的第三方库：
导入：xlsx.full.min.js 链接: xlsx.full.min.js.
导出：export.js

	// 将一个sheet转成最终的excel文件的blob对象，然后利用URL.createObjectURL下载
function sheet2blob(sheet, sheetName) {
   
  sheetName = sheetName || 'sheet1';
  var workbook = {
   
    SheetNames: [sheetName],
    Sheets: {
   },
  };
  workbook.Sheets[sheetName] = sheet; // 生成excel的配置项

  var wopts = {
   
    bookType: 'xlsx', // 要生成的文件类型
    bookSST: false, // 是否生成Shared String Table，官方解释是，如果开启生成速度会下降，但在低版本IOS设备上有更好的兼容性
    type: 'binary',
  };
  var wbout = XLSX.write(workbook, wopts);
  var blob = new Blob([s2ab(wbout)], {
   
    type: 'application/octet-stream',
  }); // 字符串转ArrayBuffer
  function s2ab(s) {
   
    var buf = new ArrayBuffer(s.length);
    var view = new Uint8Array(buf);
    for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xff;
    return buf;
  }
  return blob;
}

function openDownloadDialog(url, saveName) {
   
  if (typeof url == 'object&#