javascript - 浏览器下载 .csv 文件而不是在新窗口中打开内容

Question

我的项目有问题。我用 xml、json 和 csv 描述创建了三列，每列下方都有一个按钮，应该从本地存储加载数据。问题是，以下代码在 .xml 和 .json 文件中按预期工作（一切都相同，只是 url 不同），但使用 .csv 时，浏览器开始下载文件，而不是在新窗口中打开它。

<div class="card" style="width: 100%;">
  <img class="card-img-top" src="./assets/CSV.png" alt="csv-logo">
  <div class="card-body">
    <h2 class="card-title text-danger">CSV</h2>
    <p class="card-text new-font">Coma Separated Values Description</p>
    <a href="./data/MOCK_DATA.csv" target="_blank">
        <button class="btn btn-dark py-3 px-4" type="button">
        <span class="button-text">Load data</span>
        </button>
    </a>
</div>
</div>

你们有任何想法如何解决它吗？或者也许这是自然的浏览器行为，所以在这种情况下如何改变它？

标签： javascripthtmlcsvbrowser