国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

javascript導出csv文件(excel)的方法示例

2024-05-06 15:35:31
字體:
來源:轉載
供稿:網友

這里貼出JavaScript導出csv文件(excel)的代碼。

/** * 導出excel * @param {Object} title  標題列key-val * @param {Object} data   值列key-val * @param {Object} fileName  文件名稱 */function JSONToExcelConvertor(title, data, fileName) { var CSV = ''; var row = ""; for (var i = 0; i < title.length; i++) {  if(title[i].title){   row += title[i].title + ',';  } } row = row.slice(0, -1); CSV += row + '/r/n'; for (var i = 0; i < data.length; i++) {  var row = "";  for (var j = 0; j < title.length; j++) {   if(title[j].title){    row += '"' + (data[i][title[j].field] ? data[i][title[j].field] : "") + '"/t,';   }  }  row.slice(0, row.length - 1);  CSV += row + '/r/n'; } if (CSV == '') {  alert("Invalid data");  return; } var fileName = fileName; var uri = 'data:text/csv;charset=utf-8,/ufeff' + encodeURI(CSV); var link = document.createElement("a"); link.href = uri; link.style = "visibility:hidden"; link.download = fileName + ".csv"; document.body.appendChild(link); link.click(); document.body.removeChild(link);}

上面的寫法,如果excel中的數據太多,就會導致無法導出的結果,原因是瀏覽器對URL的長度有限制,因此要使用Blob對象和window.URL.createObjectURL()方法做一下改造。

window.URL.createObjectURL()方法可以直接生成blob:開頭的鏈接,該鏈接產生于瀏覽器端,不會占用服務器資源。

/** * 導出excel * @param {Object} title  標題列key-val * @param {Object} data   值列key-val * @param {Object} fileName  文件名稱 */function JSONToExcelConvertor(title, data, fileName) { var CSV = ''; var row = ""; for (var i = 0; i < title.length; i++) {  if(title[i].title){   row += title[i].title + ',';  } } row = row.slice(0, -1); CSV += row + '/r/n'; for (var i = 0; i < data.length; i++) {  var row = "";  for (var j = 0; j < title.length; j++) {   if(title[j].title){    row += '"' + (data[i][title[j].field] ? data[i][title[j].field] : "") + '"/t,';   }  }  row.slice(0, row.length - 1);  CSV += row + '/r/n'; } if (CSV == '') {  alert("Invalid data");  return; } var fileName = fileName; var uri = new Blob(['/ufeff' + CSV], {type:"text/csv"}); var link = document.createElement("a"); link.href = URL.createObjectURL(uri); link.style = "visibility:hidden"; link.download = fileName + ".csv"; document.body.appendChild(link); link.click(); document.body.removeChild(link);}

然而,雖然window.URL.createObjectURL()方法在IE10、 IE11以及Microsoft Edge中能生成的blob:鏈接,但是卻不能把它加到一個<a>節點上,也不能直接在瀏覽器地址欄打開訪問,否則會得到【SCRIPT5:拒絕訪問。】錯誤。甚至,IE9根本不支持調用window.URL.createObjectURL()方法創建Blob URLs。

Microsoft Internet Explorer / Microsoft Edge和高大上的Google Chrome / Mozilla Firefox對于

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 镇康县| 卓尼县| 八宿县| 崇义县| 梧州市| 富蕴县| 和硕县| 河源市| 印江| 嘉定区| 莆田市| 无极县| 手游| 江西省| 新乡市| 安义县| 尼玛县| 五峰| 乌苏市| 天长市| 贵港市| 灵宝市| 铁岭县| 东乡族自治县| 桦甸市| 盘山县| 韩城市| 象州县| 武城县| 桦川县| 天峻县| 鲁甸县| 内黄县| 宾阳县| 财经| 固阳县| 合水县| 梁山县| 隆化县| 黔西| 岳池县|