gpt4 book ai didi

python - 文本/事件流被识别为下载

转载 作者:行者123 更新时间:2023-11-28 19:20:25 25 4
gpt4 key购买 nike

我正在尝试在我的 Flask 项目中实现服务器推送,遵循 this tutorial .

我已经全部设置好,没有任何错误,但是当我转到/stream 页面时,Firefox 将它识别为一个文件并尝试下载它。在 Safari 中,它只是打印出发送的数据。我尝试将代码改编为更简单的实现,其中一个线程每秒只产生一些数据,但它产生了相同的结果。

我的目标是每次 python 脚本到达循环中的一个点时,它都会更新 Web 界面上的进度条。

任何对此的帮助都会很棒。谢谢。

编辑:

应用.py

from flask import Flask, render_template, request, Response

app = Flask(__name__)

def event_stream():
event = "Hello!"
yield 'data: %s\n\n' % event

@app.route('/stream')
def stream():
return Response(event_stream(), mimetype="text/event-stream")

if __name__ == "__main__":
app.debug = True
app.run(threaded=True)

index.html

<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script type="text/javascript">
var source = new EventSource('/stream');
source.onmessage = function (event) {
alert(event.data);
};
</script>

</head>
<body>

<p>Stream page</p>

</body>
</html>

最佳答案

编辑

我已将我的示例应用程序上传到我的 Github。在这里查看:https://github.com/djdmorrison/flask-progress-example


我已经解决了,但对于遇到同样问题的其他人:

index.html 页面实际上从未加载过,因为它从未在 app.py 中调用过。方法是转到一个单独的路由,例如/page,然后返回 send_file('index/html')。这将加载索引页面,创建链接到/stream 的 EventSource,然后它将启动 app.py 中的流方法并产生正确的数据。

通过每 0.2 秒增加 x 并在网页上显示它来创建进度条的示例:

应用.py

@app.route('/page')
def get_page():
return send_file('templates/progress.html')

@app.route('/progress')
def progress():
def generate():
x = 0
while x < 100:
print x
x = x + 10
time.sleep(0.2)
yield "data:" + str(x) + "\n\n"
return Response(generate(), mimetype= 'text/event-stream')

进度.html

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script>

var source = new EventSource("/progress");
source.onmessage = function(event) {
$('.progress-bar').css('width', event.data+'%').attr('aria-valuenow', event.data);
}
</script>
</head>
<body>
<div class="progress" style="width: 50%; margin: 50px;">
<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
</div>
</body>
</html>

关于python - 文本/事件流被识别为下载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26496763/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com