Question

我创建了一个下载按钮，它将下载.xlsx文件。同样在chrome中完美运行，但在IE和Firefox中没有做任何事情。我不能在这里理解确切的问题。

        <nav class="navbar navbar-inverse visible-xs">
        <div class="container-fluid">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>                        
              </button>

          <div><br/><br/><br/></div><br/>
    <div align="center">
      <div class="panel panel-default">
      <div class="panel-heading">
        <h3><?php echo $dirname; ?> Cities Charts <?php echo $project; ?></h3><button class="col-sm-offset-11 btn btn-success"><a href="/NT_Dashboard_withDB/Dashboard_Additional_Information.xlsx" download>Download Data</a></button></div></br></br>
        <div id="bodyContent" class="panel-body"></div></br></br>
        </div>
    </div>

Answer 1

根据HTML语法button，其中不能包含<a>标记。

要解决您的问题，您可以使用<a >外部按钮或使用javascript

<a href="/NT_Dashboard_withDB/Dashboard_Additional_Information.xlsx" download>Download Data<button class="col-sm-offset-11 btn btn-success"></button></a>

的javascript：

<button class="col-sm-offset-11 btn btn-success" onClick="javascript:window.location='/NT_Dashboard_withDB/Dashboard_Additional_Information.xlsx'></button>

Answer 2

问题是支持HTML5 public属性。 IE不支持它，旧版本的Firefox也可能不支持它。

https://caniuse.com/#search=download

下载按钮在IE和Firefox中没有为excel文件做任何事情

2 个答案: