如何处理展示后台程序实时生成的文件？

问题

我在写一个php程序，功能是收到前端传过来的参数之后，调用后台一个计算程序，根据这个参数生成一副图片（这个过程需要一定时间，大约2s以上）。
最后在界面上，我需要等这个图片生成以后，将图片展示在一个div里。
所以问题是：在图片生成期间，界面上就处于没反应的状态了；
另外，万一程序跑失败了，图片没有生成，我也没法知道；

尝试的解决办法

我现在用的方案是，用setInterval每秒轮询一次看图片有没有生成，有的话就把图片的url传给前端的目标img标签。10秒还没有获取到这个url，就判定生成失败了。

但是感觉这个方法很笨，而且万一失败了要等很久才能知道。

所以想问，大家有没有什么好的建议，或者好的实现方法，让这个处理的过程用户体验更好一点？

芦笋演示

一键出成片的录屏演示软件，专为制作产品演示、教学课程和使用教程而设计。

34

查看详情

回复内容：

问题

我在写一个php程序，功能是收到前端传过来的参数之后，调用后台一个计算程序，根据这个参数生成一副图片（这个过程需要一定时间，大约2s以上）。
最后在界面上，我需要等这个图片生成以后，将图片展示在一个div里。
所以问题是：在图片生成期间，界面上就处于没反应的状态了；
另外，万一程序跑失败了，图片没有生成，我也没法知道；

尝试的解决办法

我现在用的方案是，用setInterval每秒轮询一次看图片有没有生成，有的话就把图片的url传给前端的目标img标签。10秒还没有获取到这个url，就判定生成失败了。

但是感觉这个方法很笨，而且万一失败了要等很久才能知道。

所以想问，大家有没有什么好的建议，或者好的实现方法，让这个处理的过程用户体验更好一点？

• 可以搞一个loading界面，简单一点就找一个转圈的GIF填补那个div，

• 查询图片是否生成可以考虑使用websocket，

• 还有一个建议是你在生成图片的程序里判定是否能够成功生成，如果不能的话生成一个代表错误的图片，这样可以保证有图片传到前端。

这里的关键是最好别用“10秒还没有反馈，肯定失败了”的这种逻辑。而是后台失败了，马上调用错误处理的代码块，返回消息，告知用户失败了。我不大理解php里是如何处理的，在python里:

<code>try: #尝试执行下面代码，若失败，执行except里的代码
    # 这里写创建图片的逻辑,image = ...
    return success(message='Done.'，data=image) #返回成功消息和图片 
except Exception as ex:  #若发生错误
    logger(ex) #记录错误文档
    return fail(message='Error.') #马上返回失败消息，而不是等10秒</code>

Ajax可以解决，成功和失败回调来处理，新版的还有超时处理