CSV在Safari视图中呈现,但我希望它下载文件

在这个问答内容中，我们讨论了如何在Safari浏览器中下载CSV文件。CSV是一种常见的文本分隔符文件格式，用于存储表格数据。以下是一些建议和解决方案：

使用JavaScript生成CSV文件并触发下载：

可以使用JavaScript代码生成CSV文件并触发下载。以下是一个示例代码：

function downloadCSV(data, filename) {
  var blob = new Blob([data], { type: 'text/csv;charset=utf-8;' });
  if (navigator.msSaveBlob) { // IE 10+
    navigator.msSaveBlob(blob, filename);
  } else {
    var link = document.createElement('a');
    if (link.download !== undefined) { // feature detection
      // Browsers that support HTML5 download attribute
      var url = URL.createObjectURL(blob);
      link.setAttribute('href', url);
      link.setAttribute('download', filename);
      link.style.visibility = 'hidden';
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);
    }
  }
}

使用服务器端代码生成CSV文件并发送到客户端：

如果您使用服务器端语言（如PHP、Python、Node.js等）生成CSV文件，可以将文件发送到客户端并触发下载。以下是一个使用Python Flask框架的示例：

from flask import Flask, send_file, make_response
import io
import csv

app = Flask(__name__)

@app.route('/download_csv')
def download_csv():
    data = io.StringIO()
    writer = csv.writer(data)
    writer.writerow(['Name', 'Age', 'City'])
    writer.writerow(['John', 30, 'New York'])
    writer.writerow(['Alice', 25, 'San Francisco'])

    mem = io.BytesIO()
    mem.write(data.getvalue().encode('utf-8'))
    mem.seek(0)
    data.close()

    response = make_response(send_file(mem, attachment_filename='data.csv', as_attachment=True))
    response.headers['Content-Disposition'] = 'attachment; filename=data.csv'
    return response