Rumah >hujung hadapan web >tutorial js >js-xlsx读取xlsx文件的异步详解
这次给大家带来js-xlsx读取xlsx文件的异步详解,使用js-xlsx读取xlsx文件异步操作的注意事项有哪些,下面就是实战案例,一起来看一下。
请求主要函数:
function fetchAB(url, cb) { var xhr = new XMLHttpRequest; xhr.open('get', url, true); xhr.responseType = 'arraybuffer'; xhr.onload = cb; xhr.send(); };
结合js-xlsx读取xlsx文件在线示例:
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <script src="http://oss.sheetjs.com/js-xlsx/xlsx.full.min.js"></script> <script> function fetchAB(url, cb) { var xhr = new XMLHttpRequest; xhr.open('get', url, true); xhr.responseType = 'arraybuffer'; xhr.onload = cb; xhr.send(); }; </script> <script> var wb; var url = "" function importf() {//导入 url = document.getElementById("url").value; if (url) { fetchAB(url, function () { if (this.status == 200) { wb = XLSX.read(btoa(fixdata(this.response)), {//手动转化 type: 'base64' }); document.getElementById("demo").innerHTML = JSON.stringify(XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]])); } }); } } function fixdata(data) { var o = "", l = 0, w = 10240; for (; l < data.byteLength / w; ++l) o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w, l * w + w))); o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w))); return o; } </script></head><body> <input type="text" id="url" /> <input type="button" onclick="importf()" value="读取" /> <div id="demo"></div></body></html>
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
相关阅读:
js的随机字符串正则方法([A~Z],[a~z],[0~9])
Atas ialah kandungan terperinci js-xlsx读取xlsx文件的异步详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!