title: How to use Base64 Encoded Image as img tag's source?
body: <p>now, I am make thumbnail pages using BASE64. </p>
  
  <p>I store Image on server, and call them back as Base64 on client.</p>
  
  <p>I want use these Base 64 encoded Imgs as  src.
  It it work well</p>
  
  <p>. but, I got an err like that</p>
  
  <pre><code>GET http://localhost:8080/%7B%7Bitem.THUMBNAIL%7D%7D 404
  </code></pre>
  
  <p>what is problem? and it is proper way to use base64 as  src without any convert?</p>
  
  <p>here is my Source</p>
  
  <p><strong>Script</strong></p>
  
  <pre><code>   $http.get( "app/dashboard/recentWithInfo").then( function( rtn) {
              rtn.data.map( item =&gt; {
  
                  if( item.THUMBNAIL){
                      item.THUMBNAIL = "data:image/png;base64," +item.THUMBNAIL.body;
                  }
              })
              $scope.items = rtn.data;
          });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code> &lt;img class="block-thumbnail-img" ng-if="item.THUMBNAIL != null" src="{{item.THUMBNAIL}}"&gt;
   &lt;h2 ng-if="item.THUMBNAIL == null" style="color:#ccc"&gt; No THUMBNAIL&lt;/h2&gt;
  </code></pre>
  
  <p>Additionally, I use Springboot and AngularJS.
  Thanks in advance!</p>