python传递list给前端并在前端成功显示图片·可以显示多张后台传过来的图片

python端

#传递resultant给html
@app.route('/resultShapeNchange')
def shapeNchange():
    resultant = searchShapeNchange.return_img_stream("./static/photo/test.jpg")
    #searchSapeNchange返回的结果，也就是resultant存放的数据是['/static/airplanes/image_0014.jpg', '/static/airplanes/image_0016.jpg', '/static/airplanes/image_0018.jpg', '/static/airplanes/image_0021.jpg', '/static/airplanes/image_0048.jpg']
    return render_template('resultShapeNchange.html', resultant = resultant)

对应的resultShapeNchange.html，不能直接通过

<img src="{{ resultant[0] }}" />

来接受数据，这样在前端会显示
而是要根据http://127.0.0.1:5000/来给图片url
即

    <img src="{{ 'http://127.0.0.1:5000'+resultant[0] }}" />

此时图片显示正常

显示多张图片：

    <img src="{{ 'http://127.0.0.1:5000'+resultant[0] }}" />
    <img src="{{ 'http://127.0.0.1:5000'+resultant[1] }}" />
    <img src="{{ 'http://127.0.0.1:5000'+resultant[2] }}" />
    <img src="{{ 'http://127.0.0.1:5000'+resultant[3] }}" />

总结：向前端返回的图片地址是服务器所在的地址，也就是前端界面上的端口，而直接通过后台的地址会导致图片显示错误