使用AngularJS显示API中的图像（flask app）

2024-09-29 01:25:56 发布

您现在位置：Python中文网/ 问答频道 /正文
1094 3

我想展示一些徽章图片，我为一个排名应用程序，我一直在工作。这是10张图片，应该显示每个司机具体。在

我不是编码方面的专家，但我一直在寻找和研究解决问题的方法。在

我首先尝试从API向浏览器发送base64图像，代码如下：

<!-- language: python -->

for img in imglist: #loop for creating a list of base64 images from a list of image dir.
        imgcode = base64.encodestring(open(imgdir + img,"rb").read())
        imgcodelist.append(imgcode)

for driver in sortdriverList: #loop for taking drivers points and turn it into RANK img
            if (driver['Races'] < 21): 
                driver['Rank'] = str(imgcodelist[9])
[...]

第二个循环比这还要长，尽管我在上面向你展示的是，任何没有参加超过21场比赛的车手，都会成为“非机密”徽章的一部分。在

我使用AngularJS尝试使用下面的代码显示base64图像。在

^{pr2}$

在[司机。等级]应该是base64代码字符串。当我运行这个应用程序时，并没有显示图像，而是在表=/

然后我试着转身[司机。等级]“img src=”的dir字符串中，使用下面的代码。在

<!-- language: python -->

imglist = ["notclassified.png", etc...]
imgdir = "static/images/"  
for item in sortdriverList:
            if (item['Races'] < 21):
                item['Points'] = imgdir + imglist[9]

在HTML中，我将img src改为：

'<html>'

<img src= {{ '{{driver.Rank}}' }}>

现在它显示了图像的目录。 我一直在寻找CSS的方法使之成为可能。在

我还没找到解决办法。在


Tags： 代码in图像src应用程序imgfordriver
1条回答
网友
1楼 · 发布于 2024-09-29 01:25:56

很难判断到底发生了什么，因为只粘贴了段，但我猜这与如何转义代码有关。也许你可以将生成的代码粘贴到chrome中。在

有时看到一个有效的例子会有所帮助。在

angular.module('App', []) .controller('DriverCtrl', DriverCtrl); function DriverCtrl($scope) { // base64 encode 1x1 black pixel this.Rank = 'R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs='; } ； ^{pr2}$ ；

和13；
和13；

相关问题 更多 >

    编程相关推荐