Angularjs出口到Excel不工作在IE中
我想导出我的数据到Excel或PDF，但它不能在IE中工作。 我试图导出它在Chrome和它的工作正常。 但是大部分使用我的项目的人都在使用Internet Explorer。 任何人都可以看看我的代码，也许build议我该怎么办？
这是我的Angular函数：
scope.exportData = function () { var date = new Date(); var d = date.getFullYear() + '-' + date.getMonth() + 1 + '-' + date.getDate(); var blob = new Blob([document.getElementById('exportable').innerHTML], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8" }); saveAs(blob, "Report_" + d + ".xls"); }; scope.exportDataItems = function () { var date = new Date(); var d = date.getFullYear() + '-' + date.getMonth() + 1 + '-' + date.getDate(); var blob = new Blob([document.getElementById('exportablePRItems').innerHTML], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8" }); saveAs(blob, "Items_"+ d +".xls"); }; }]); 我实际上使用Blob.js。
也许这会有一点帮助。 🙂
scope.exportDataNew = function () { var d = new Date(); var mont = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"); if (typeof scope.filter_fromDate == 'undefined') { scope.filter_fromDate = mont[d.getMonth()] + ' ' + d.getDate().toString() + ", " + d.getFullYear().toString(); } if (typeof scope.filter_toDate == 'undefined') { scope.filter_toDate = mont[d.getMonth()] + ' ' + d.getDate().toString() + ", " + d.getFullYear().toString(); } if (typeof scope.EntityID == 'undefined') { scope.EntityID = ""; } if (typeof scope.DepartmentID == 'undefined') { scope.DepartmentID = ""; } location.href = 'ExportExcel?from=' + scope.filter_fromDate + '&to=' + scope.filter_toDate + '&EntityID=' + scope.EntityID + '&DepartmentID=' + scope.DepartmentID; }; scope.exportData = function () { var date = new Date(); var d = date.getFullYear() + '-' + date.getMonth() + 1 + '-' + date.getDate(); var blob = new Blob([document.getElementById('exportable').innerHTML], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8" }); saveAs(blob, "Report_" + d + ".xls"); };
我们可以使用JSONCSVConverter步骤来实现导出到excel
- JSONtoCSVConverter JavaScript文件。
- JSON数据
- jQuery的
这一行是重要的JSONToCSVConvertor（数据，“博客报告”，真）;
第一个参数接受数据第二个参数我们指定文件名第三个参数我们spcecify是否需要标签
参考
博客
Plunker
<!DOCTYPE html> <html> <head> <title>Internet explorer download</title> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> </head> <body> <div align="center"> <h3><u>Enter JSON data</u></h3> <div class="mydiv"> <textarea cols="100" rows="15" class="txtarea" id="txt">[{"Blog Name":"PrathapKudupusBlog","Date":"30 Jul 2013 09:24 AM","Type":"Technical","Author" :"Prathap Kudupu"}, {"Blog Name":"ABCBlog","Date":"30 Jul 2011 09:24 AM","Type":"Technical","Author" :"ABC"}, {"Blog Name":"XYZBlog","Date":"30 Jul 2011 09:24 AM","Type":"Technical","Author" :"XYZ"}]</textarea> <br> <h3><u>Click below button to download <strong>CSV</strong> file for internet explorer and other browsers</u></h3> <br> <button class="download">Download CSV</button> </div> </body> </html> <script> $(document).ready(function(){ $('button').click(function(){ var data = $('#txt').val(); if(data == '') return; JSONToCSVConvertor(data, "Blog report", true); }); }); function JSONToCSVConvertor(JSONData,title, ShowLabel) { var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData; var CSV = ''; if (ShowLabel) { var row = ""; for (var index in arrData[0]) { row += index + ','; } row = row.slice(0, -1); CSV += row + '\r\n'; } for (var i = 0; i < arrData.length; i++) { var row = ""; for (var index in arrData[i]) { var arrValue = arrData[i][index] == null ? "" : '="' + arrData[i][index] + '"'; row += arrValue + ','; } row.slice(0, row.length - 1); CSV += row + '\r\n'; } if (CSV == '') { growl.error("Invalid data"); return; } var fileName = title; if (msieversion()) { var IEwindow = window.open(); IEwindow.document.write('sep=,\r\n' + CSV); IEwindow.document.close(); IEwindow.document.execCommand('SaveAs', true, fileName + ".csv"); IEwindow.close(); } else { var uri = 'data:application/csv;charset=utf-8,' + escape(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); } } function msieversion() { var ua = window.navigator.userAgent; var msie = ua.indexOf("MSIE "); if (msie != -1 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) // If Internet Explorer, return version number { return true; } else { // If another browser, return false; } } </script>