使打开JPG或TXT文件能弹出下载提示框的4种方法

网站不仅仅只包含网页,有时你需要提供用户能下载的文件。将你的文件放到服务器上并在网页中附上链接只是第一步,你还需意识到HTTP响应的头文件影响文件下载。

在网上经常会碰到这类情况,当下载JPG或TXT等文件时,直接加上文件的链接,点击后并不会跳出选择保存弹出框,而是在网页浏览器中直接显示出来,解决这一问题的办法其实很简单,就是通过HTTP头文件来进行设置,本文中一共介绍了4种方法,只要合理运用就能随意控制网页文件下载方式了。

提示一:强制下载并控制文件名

在HTML中提供一个下载链接很简单:

<ahref="http://download.httpwatch.com/httpwatch.exe">Download<a>

对于浏览器不知道如何呈现的二进制文件,如安装程序和ZIP文件,这工作的很好。这会出现一个对话框,允许用户将文件存储到本地。

IE File Save Dialog

问题在于,如果文件能呈现自己,不同的浏览器行为就不一样。例如,如果你链接一个纯文本文件,浏览器会打开它,不会提示保存下载。

Plain Text in IE

你可以加入以下响应头文件强制使用文件下载对话框。

Content-Disposition: attachment; filename=
 
 

头部还可以控制默认的文件名,这可以帮助你方便的生成像getfile.aspx一样的内容,但你要提供一个更有意义的文件名给用户。

对于静态内容,您可以在您的Web服务器手动配置额外的头文件。例如,下面是在IIS中设置:

content_disposition_header

为动态生成的内容,您需要在网页的服务器端代码中添加此头部。

加入了头部之后,浏览器总是提示用户下载该文件:

提示2:使用有效的HTTP缓存

与任何其他内容一样,它值得设置HTTP缓存最大限度地提高下载速度,减少带宽的成本。常规的内容需要立即过期,或者被永远缓存。

我们下载HTTP规范(RFC2616)的例子可以永远被缓存,因为不希望改变它。在HttpWatch可以看到这些,我们设置了一个很长的过期时间,并将Cache-Control 的值设为“public”。

effective_caching

这样将来下载文件就可以从本地浏览器缓存中或中间代理来传输。如果该文件频繁变换,你可能需要它立即过期,以便总是下载新的副本。你可以通过设置Expires为-1或以往的任何日期。

提示3:不要破坏IE浏览器HTTPS下载

利用Cache-Control响应头部,人们可以很容易的使用无存储和无缓存以防止任何一个文件缓存频繁更新。

Cache-Control: no-store, no-cache

这在Firefox能工作,但在Internet Explorer就得要小心。它将这些标签解释为--正在是用HTTPS 时,内容永远不会存储到磁盘,导致文件下载对话框在0%挂起几分钟。

https_ie_hang

它最终会显示一条错误信息:

https_ie_error.png

在post on Eric Lawrence’s IEInternals blog 这篇文章中,有更多关于此问题和其它原因的信息。

提示#4:不要忘了Setup Analytics

在你的的网站,你可能要一并跟踪下载文件和其他指标。基于JavaScript基础的解决方案,如谷歌分析备受欢迎,但默认情况下不显示文件下载。这是因为下载一个文件不会导致任何JavaScript的执行。使用谷歌分析,您需要添加一个onlick处理程序来追踪下载。

<aonclick="pageTracker._trackPageview('/httpwatch.exe');"href="...">Download a>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我会根据你的要求逐步教你如何用 Qt 5.14.2 制作一个函数图像绘制器,包括所需的头文件、库的下载地址、库的添加方法等。在代码编写完毕后,我也会告诉你函数输入框内支持的函数格式。 1. 首先,我们需要创建一个 Qt Widgets Application 项目,命名为 FunctionGraphPlotter。在项目创建时,可以选择使用 C++ 语言。 2. 创建完项目后,我们需要添加一些头文件。在 FunctionGraphPlotter.pro 文件中添加以下代码: ``` QT += core gui widgets ``` 这样可以添加 Qt 的核心、GUI 和窗口小部件模块的头文件。在 main.cpp 文件中添加以下头文件: ```c++ #include <QApplication> #include "mainwindow.h" ``` 3. 接下来,我们需要创建一个主窗口,可以通过 Qt 的设计器来创建。打开 Qt Creator,选择 File -> New File or Project,选择 Qt Widgets Application,填写项目名称为 FunctionGraphPlotter,然后点击“Choose”按钮。 在“Design Form”页面,选择“MainWindow”,然后点击“Choose”按钮。此时,Qt Creator 会自动创建一个 MainWindow 类和对应的 .ui 文件。 4. 在 MainWindow 类中,我们需要添加一些成员变量和成员函数。在头文件 MainWindow.h 中添加以下代码: ```c++ #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> #include <QLineEdit> #include <QPushButton> #include <QLabel> #include <QGraphicsScene> #include <QGraphicsView> #include <QPixmap> class MainWindow : public QMainWindow { Q_OBJECT public: explicit MainWindow(QWidget *parent = nullptr); ~MainWindow(); private: QLineEdit *m_functionLineEdit; QPushButton *m_plotButton; QPushButton *m_clearButton; QPushButton *m_saveButton; QGraphicsScene *m_scene; QGraphicsView *m_view; QPixmap m_pixmap; void plotFunction(); void clearPlot(); void savePlot(); private slots: void onSinButtonClicked(); void onCosButtonClicked(); void onTanButtonClicked(); void onLogButtonClicked(); void onLnButtonClicked(); }; #endif // MAINWINDOW_H ``` 在 MainWindow.cpp 文件中添加以下代码: ```c++ #include "mainwindow.h" #include <QGridLayout> #include <QMessageBox> #include <QFileDialog> #include <QPainter> #include <QPen> #include <qmath.h> MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) { // 设置窗口标题 setWindowTitle(tr("Function Graph Plotter")); // 创建函数输入框 m_functionLineEdit = new QLineEdit(this); m_functionLineEdit->setPlaceholderText(tr("Enter function here")); // 创建确认键 m_plotButton = new QPushButton(tr("Plot"), this); connect(m_plotButton, &QPushButton::clicked, this, &MainWindow::plotFunction); // 创建清除键 m_clearButton = new QPushButton(tr("Clear"), this); connect(m_clearButton, &QPushButton::clicked, this, &MainWindow::clearPlot); // 创建保存键 m_saveButton = new QPushButton(tr("Save"), this); connect(m_saveButton, &QPushButton::clicked, this, &MainWindow::savePlot); // 创建图形场景和视图 m_scene = new QGraphicsScene(this); m_view = new QGraphicsView(m_scene, this); m_view->setRenderHint(QPainter::Antialiasing); m_view->setAlignment(Qt::AlignLeft | Qt::AlignTop); // 创建按钮 QPushButton *sinButton = new QPushButton(tr("sin"), this); connect(sinButton, &QPushButton::clicked, this, &MainWindow::onSinButtonClicked); QPushButton *cosButton = new QPushButton(tr("cos"), this); connect(cosButton, &QPushButton::clicked, this, &MainWindow::onCosButtonClicked); QPushButton *tanButton = new QPushButton(tr("tan"), this); connect(tanButton, &QPushButton::clicked, this, &MainWindow::onTanButtonClicked); QPushButton *logButton = new QPushButton(tr("log"), this); connect(logButton, &QPushButton::clicked, this, &MainWindow::onLogButtonClicked); QPushButton *lnButton = new QPushButton(tr("ln"), this); connect(lnButton, &QPushButton::clicked, this, &MainWindow::onLnButtonClicked); // 创建布局 QGridLayout *layout = new QGridLayout; layout->addWidget(m_functionLineEdit, 0, 0, 1, 3); layout->addWidget(m_plotButton, 1, 0); layout->addWidget(m_clearButton, 1, 1); layout->addWidget(m_saveButton, 1, 2); layout->addWidget(m_view, 2, 0, 1, 3); layout->addWidget(sinButton, 3, 0); layout->addWidget(cosButton, 3, 1); layout->addWidget(tanButton, 3, 2); layout->addWidget(logButton, 4, 0); layout->addWidget(lnButton, 4, 1); QWidget *centralWidget = new QWidget(this); centralWidget->setLayout(layout); setCentralWidget(centralWidget); } MainWindow::~MainWindow() { } void MainWindow::plotFunction() { // 获取函数表达式 QString functionText = m_functionLineEdit->text(); // 如果函数表达式为空,提示错误 if (functionText.isEmpty()) { QMessageBox::warning(this, tr("Error"), tr("Function expression cannot be empty!")); return; } // 计算函数值 QVector<QPointF> points; double x = -5.0; double step = 0.1; while (x <= 5.0) { bool ok; double y = 0.0; QString formula = functionText.replace("x", QString::number(x)); y = formula.toDouble(&ok); if (!ok) { QMessageBox::warning(this, tr("Error"), tr("Function expression is not valid!")); return; } points.append(QPointF(x, y)); x += step; } // 绘制函数图像 QPen pen; pen.setWidth(2); pen.setColor(Qt::red); m_scene->addLine(-5.0, 0.0, 5.0, 0.0, QPen(Qt::black)); m_scene->addLine(0.0, -5.0, 0.0, 5.0, QPen(Qt::black)); m_scene->addPolygon(points, pen, QColor(255, 0, 0, 50)); m_view->fitInView(m_scene->sceneRect(), Qt::KeepAspectRatio); // 更新 pixmap,用于保存图像 m_pixmap = QPixmap::grabWidget(m_view); } void MainWindow::clearPlot() { // 清除所有图像 m_scene->clear(); } void MainWindow::savePlot() { // 弹保存文件对话框 QString fileName = QFileDialog::getSaveFileName(this, tr("Save Image"), QDir::homePath(), tr("Images (*.png *.xpm *.jpg)")); // 如果用户选择了文件,保存图像 if (!fileName.isEmpty()) { m_pixmap.save(fileName); } } void MainWindow::onSinButtonClicked() { // 在函数输入框中添加 sin 符号 m_functionLineEdit->insert("sin()"); } void MainWindow::onCosButtonClicked() { // 在函数输入框中添加 cos 符号 m_functionLineEdit->insert("cos()"); } void MainWindow::onTanButtonClicked() { // 在函数输入框中添加 tan 符号 m_functionLineEdit->insert("tan()"); } void MainWindow::onLogButtonClicked() { // 在函数输入框中添加 log 符号 m_functionLineEdit->insert("log()"); } void MainWindow::onLnButtonClicked() { // 在函数输入框中添加 ln 符号 m_functionLineEdit->insert("ln()"); } ``` 5. 至此,我们已经完成了主窗口的设计和代码。接下来,我们需要在 FunctionGraphPlotter.pro 文件中添加以下代码,以便使用 Qt 的图形模块: ``` QT += core gui widgets printsupport ``` 6. 最后,我们需要下载 qcustomplot 库来绘制坐标轴。可以从以下网址下载:https://www.qcustomplot.com/ 下载完成后,将 qcustomplot.h 和 qcustomplot.cpp 文件复制到项目目录中。在 FunctionGraphPlotter.pro 文件中添加以下代码: ``` INCLUDEPATH += $$PWD SOURCES += $$PWD/qcustomplot.cpp HEADERS += $$PWD/qcustomplot.h ``` 这样就可以在项目中使用 qcustomplot 库了。 7. 至此,我们已经完成了函数图像绘制器的制作。函数输入框内支持的函数格式为:所有常见的数学函数(如 sin、cos、tan、log、ln 等)和加减乘除等数学运算符。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值