簡體   English   中英

如何在Internet Explorer中支持Chrome文件導出功能?

[英]How to make Chrome file exporting feature support in Internet Explorer?

我有此代碼,但它僅在Chrome中有效,有什么辦法可以使其在IE中工作。 它應該正在下載CSV文件。 或者是否有其他方法可以使用IE10導出csv文件

            $('#download').on('click', function () {
            function download(filename, text) {
                var pom = document.createElement('a');
                pom.setAttribute('#example1', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
                pom.setAttribute('download', filename);
                pom.click();
            }
        });

 <table id="example1" border="1"  style="background-color:#FFFFCC" width="0%" cellpadding="3" cellspacing="3">
<tr>
    <th>Title</th>
    <th>Name</th>
    <th>Phone</th>
</tr>
<tr>
    <td>Mr.</td>
    <td>John</td>
    <td>07868785831</td>
</tr>
<tr>
    <td>Miss</td>
    <td><i>Linda</i></td>
    <td>0141-2244-5566</td>
</tr>
<tr>
    <td>Master</td>
    <td>Jack</td>
    <td>0142-1212-1234</td>
</tr></table>
<a href="#" id="download">Download</a>

這是JSFIDDLE DEMO

更新:Example 3.1可以正常工作,但是我不知道如何將上面的代碼轉換為: Working Example

更新::

            $('#download').on('click', function () {
            var csvContent = $('#example1'); //here we load our csv data 
            var blob = new Blob([csvContent], {
                type: "text/csv;charset=utf-8;",
            });

            navigator.msSaveBlob(blob, "filename.csv")
        });
    });

我收到錯誤0x800a139e-JavaScript運行時錯誤:InvalidStateError

在IE11上, innerHTML可以正常工作。

<html>
<head>
<script lang="javascript">
function download(){
     var csvContent = document.getElementById("example1").innerHTML; //here we load our csv data 
     var blob = new Blob([csvContent], {
         type: "text/csv;charset=utf-8;",
     });

    var blob = new Blob([csvContent], {
        type: "text/csv;charset=utf-8;",
    });

    navigator.msSaveBlob(blob, "filename.csv")
}
</script>
</head>
<body>
<a href="#" onclick="download()">Download</a>

 <table id="example1" border="1"  style="background-color:#FFFFCC" width="0%" cellpadding="3" cellspacing="3">
<tr>
    <th>Title</th>
    <th>Name</th>
    <th>Phone</th>
</tr>
<tr>
    <td>Mr.</td>
    <td>John</td>
    <td>07868785831</td>
</tr>
<tr>
    <td>Miss</td>
    <td><i>Linda</i></td>
    <td>0141-2244-5566</td>
</tr>
<tr>
    <td>Master</td>
    <td>Jack</td>
    <td>0142-1212-1234</td>
</tr></table>
</body>
</html>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM