向folium弹窗添加JPG图片失败求助

嘿，我帮你排查了一下这个弹窗图片无法显示的问题，结合你提供的代码片段，大概率是Python 2.7的字符串编码特性和你参考的Python 3代码不兼容导致的。

问题根源 #

在Python 2.7里，base64.b64encode()返回的就是可以直接用的字符串（本质是字节流的str类型），但你额外调用了.decode()方法——这在Python 2.7里要么会抛出异常，要么会把编码后的内容搞乱，最终导致弹窗里的图片加载失败。另外你代码里的html构造语句看起来不完整，正确的iframe和弹窗构造步骤也不能少。

修正后的完整代码 #

下面是完全适配Python 2.7 + Folium 0.5.0的正确写法：

import folium
import base64

# 初始化地图
m = folium.Map(location=[33, -97], zoom_start=6, tiles="Mapbox Bright")

# Python 2.7中直接编码图片，不需要加.decode()
encoded = base64.b64encode(open('IMG_1769.JPG', 'rb').read())

# 构造带图片的HTML内容
html = '<img src="data:image/jpeg;base64,{}">'.format(encoded)

# 创建弹窗用的iframe，Folium 0.5.0需要指定宽高
iframe = folium.IFrame(html, width=400, height=300)
# 把iframe传入Popup，设置max_width确保显示正常
popup = folium.Popup(iframe, max_width=400)

# 给地图加个标记，绑定弹窗
folium.Marker(location=[33, -97], popup=popup).add_to(m)

# 保存地图到本地
m.save('map_with_image_popup.html')

几个关键要注意的地方 #

• 删掉.decode()：这是适配Python 2.7最核心的修改，Python 3里b64encode返回bytes才需要decode转成str，但Python 2.7直接返回可用的字符串，加了反而出错。
• 完整构造弹窗组件：一定要把HTML内容放进IFrame，再把IFrame传给Popup，Folium 0.5.0版本的Popup需要设置max_width才能正常展示弹窗大小。
• 确认图片路径正确：保证IMG_1769.JPG和你的脚本在同一个文件夹里，或者用绝对路径（比如'C:/your/path/IMG_1769.JPG'），不然编码的内容是空的，图片肯定加载不出来。

如果还是不行，你可以打开生成的HTML文件，按F12看浏览器控制台的报错信息——一般是编码错误或者文件找不到，能帮你快速定位剩下的问题。

内容的提问来源于stack exchange，提问作者Adrian Goodman