title: Adding JPG Images to folium popup
body: <p>I try to add an image to folium popup, but failed. I use python 2.7 version, and folium 0.50 version.</p>
  
  <p>Actually, I follow the page mention in other threads, but it still doesn't work</p>
  
  <p><a href="http://nbviewer.jupyter.org/gist/ocefpaf/0ec5c93138744e5072847822818b4362" rel="nofollow noreferrer">http://nbviewer.jupyter.org/gist/ocefpaf/0ec5c93138744e5072847822818b4362</a></p>
  
  <pre><code>import folium
  
  import base64
  
  m = folium.Map(location = [33, -97], zoom_start = 6, tiles = "Mapbox Bright")
  
  encoded = base64.b64encode(open('IMG_1769.JPG', 'rb').read()).decode()
  
  html = '&lt;img src="data:image/jpeg;base64,{}"&gt;'.format
  
  iframe = folium.IFrame(html(encoded), width=632+20, height=420+20)
  
  popup = folium.Popup(iframe, max_width=2650)
  
  marker = folium.Marker([30,-100], popup=popup).add_to(m)
  
  m.add_child(marker)
  
  m.save("test.html")
  </code></pre>