目录

问题描述

  • 服务器在不想直接抛出一个真实文件url给时，浏览器端从服务器请求回的octet-stream文件流在调试工具下可见乱码式Response，却无法弹出下载框下载文件。

1. 搭建服务

先用python Flask框架搭建一个简单的后台用于做数据接口。Flask非常的方便，我也是第一次用，感觉和webpy挺像的，比Django简单。首先建一个 DemoDownload/ 文件夹，在此文件夹里再建一个 Server.py 文件和一个 templates/ 文件夹，templates/ 内建一个 ·download.html 文件。文件层次结构入。

- DemoDownload/
	- Server.py
	- templates/
		- download.html

2. 服务接口

给 Server.py 添加代码如，其中 d://test.txt 文件为任意一个测试文件，并将它放在服务访问不到的地方。

#!/usr/bin/python
# coding:utf-8
import json
from flask import Flask
from flask import request
from flask import make_response
from flask import render_template 
import io
app = Flask(__name__)

@app.route('/downloadTxt' , methods=[ 'POST'])
def download():
    # 接收表单
    a = request.get_data().decode('utf-8')
    print(a)
    b = request.form
    print(b)
    data = b.to_dict()
    print(data)
    file = open("d://test.txt", 'rb')
    response = make_response(file.read())
    file.close()
    response.headers['content-type'] = 'application/octet-stream;charset=utf-8'
    response.headers['content-disposition'] = 'attachment;filename=' + 'test.txt'
    return response

@app.route('/download', methods=["GET"])
def downloadDocx():
    html = render_template('download.html')
    return html

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8765, debug=True)

3. 前端代码

download.html 如下。

<html>
<head>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script>
        var DownLoadFile = function (options) {
        var config = $.extend(true, {
            method: 'post'
        }, options);
        var $iframe = $('<iframe id="down-file-iframe" />');
        var $form = $('<form target="down-file-iframe" method="' + config.method + '" />');
        $form.attr('action', config.url);
        for (var key in config.data) {
            $form.append('<input type="hidden" name="' + key + '" value="' + config.data[key] + '" />');
        }
        $iframe.append($form);
        $(document.body).append($iframe);
        $form[0].submit();
        $iframe.remove();
        };
        var params = {
	        id: 6,
            name: "dog",
            age: 12
        };
        function pst() {
            DownLoadFile({
                url: "http://localhost:8765/downloadTxt", //请求的url
                data: params,
            });
        }
    </script>    
</head>
<body>
    <button onclick="pst()">Download</button>
</body>
</html>

4. 测试

启动服务的命令为，注意要有Python环境并安装了Flask框架，另外缺啥包就 pip install [ThisPackage] 懂我意思吧。

python Server.py

浏览器访问 http://localhost:8765/download ，点下载按钮直接跳出下载文件即完成。
.

.
.
.
.
.
.

桃花仙人种桃树，又摘桃花换酒钱_

# 前端 # flask # jquery
GitHub 加速计划 / js / json
41.72 K
6.61 K
下载
适用于现代 C++ 的 JSON。
最近提交(Master分支：1 个月前 )
960b763e 3 个月前
8c391e04 6 个月前
Logo
GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

[转载]在Windows环境下安装GNU Radio

转自：在Windows环境下安装GNURadio_恐弱智_新浪博客GNU Radio是用Python开发的，大部分开源的工程能够在Linux环境下运行良好，而Windows下却运行的很勉强，而且安装配置都很复杂。GNU Radio算是个例外了，不光提供了Windows的二进制安装，还有比较详细的说明。我是Python小白，所以折腾了好久才弄好，特意记录下来，免得以后再装还折腾。GNU Radio的

avatar GitCode 开源社区

centOS 8 使用dnf安装Docker

DNF是什么？CentOS 8使用YUM软件包管理器版本v4.0.4。现在，该版本使用DNF(已删除YUM)。DNF是软件包管理器。它会在Linux发行版上安装，执行更新并删除软件包。使用DNF安装Docker跳过具有损坏依赖性的程序包一个有效的解决方案是使您的CentOS 8系统使用以下--nobest命令安装最符合条件的版本：sudo dnf install docker...

avatar GitCode 开源社区

定时同步数据库表(mysql+linux+crontab)

sync.sh里面的参数需要改变，ip/username/password/database/tablesync.sh#!/bin/sh# Please change the IP and password of the data source db.# Then change the table name.filename=/home/nington/db/$(date +%Y-%m

avatar GitCode 开源社区