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] }}" />

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

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

vue中接受后台传过来的图片文件流blob前端进行展示实现方法
1.第一种方法(blob转url) 2.第二种方法(blob转base64)
layui 传递前端请求_前端请求后端，后端查询完毕传到前端，用layui 将数据分页...
前端:我用的是layui框架的分页 js 文件 layui.config({ base : "script/" }).use(['form','layer','jquery','l ...
前端python开发_【2020Python修炼记】前端开发之前端工具和HTML
[目录] 1.什么是前端 2.前端学习历程 3.HTTP协议 1.HTML简介 2.HTML文档结构 3.HTML标签分类(一) 4.HTML标签分类(二) 5.特殊符号 6.其他常用标签一.前端开 ...
Python入门教程出炉：Day21-30_Web前端概述
Python入门教程出炉:Day21-30_Web前端概述 [说明]:本文使用的部分插图来自Jon Duckett先生的HTML and CSS: Design and Build Websites一 ...
计算机专业类型前端,什么是前端开发以及常见岗位类型
随着互联网的不断发展,web前端开发成为了又一大热门的求职发展方向,而今天我们就通过案例分析来了解一下,什么是前端开发以及常见岗位类型. 什么是前端开发? 前端开发主要涉及网站和App,用户能够从Ap ...
前端招聘与前端卖身的困境
最近开始物色新公司,群里来了个招人的,说2.5万招高手.在众人的怂恿下,发了简历. 但结果是不如意的,经过他们一小时的评测,他们认为我的水平不过8k-10k,税前.我吐血了,还远低于我原来的呢,更何况 ...
如何成为一名优秀的web前端工程师（前端攻城师）
程序设计之道无远弗届,御晨风而返.---- 杰佛瑞 · 詹姆士我所遇到的前端程序员分两种: 第一种一直在问:如何学习前端? 第二种总说:前端很简单,就那么一点东西. 我从没有听到有人问:如何做一名优 ...
码匠编程：零基础从前端入门到前端开发工程师路线
一.前端学习路径规划下面是一个学习线路图,其实还有很多的技术导图中没有涉及到,对于初学者来说,能够掌握上边的知识点已经很不错了. 零基础从前端入门到前端开发工程师路线二.入坑前的三问想要入前端的 ...
后端返回list前端如何处理_前端、后端、全栈是什么？薪资前景如何？
随着信息产业的迅猛发展,IT行业人才需求量也在逐年扩大. 据国内权威数据统计,未来五年,我国信息化人才总需求量高达1500万-2000万人.其中"软件开发"."网络工程& ...
【前端】nk前端篇-JS能力测评js(1)
nk前端篇-JS能力测评js1 JS JS1 **直角三角形** JS2 **文件扩展名** JS3 **分隔符** JS4 **单向绑定** JS5 **创建数组** JS6 **判断版本** JS ...

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

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

最新文章

热门文章