title: Not able to load base64 image
body: <p>while loading my HTML page , I have an onload function written in AngularJS which will get a base64 string of an image file from the server and I stored this base64 string in $scope.product.image. when I try to display this base64
  string , I am getting ERR_INVALID_URL error in console.</p>
  
  <p>Error message looks like this : <strong>GET : data:image/jpg;base64,9j_4AAQSK.......... net: ERR_INVALID_URL</strong></p>
  
  <p>my HTML looks like this</p>
  
  <pre><code>&lt;section ng-show="product.image"&gt;
              {{product.image}}  /* This actually displays the content of base64 string. This confirms that value is reaching properly*/
              &lt;img ng-src="{{'data:image/jpg;base64,'+product.image}}"/&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>my app.js looks like this</p>
  
  <pre><code>$scope.onload = function()
  {
      $http({method:'GET', url:'rest/product/onLoad'})
      .success(function (response){
          $scope.product.image = response.image;
  
      });
  };
  </code></pre>
  
  <p>I tried with   <code>&lt;img data-ng-src="data:image/jpg;base64,{{product.image}}"&gt;</code>   but no luck.</p>
  
  <p>How to load a base64 string as image ?</p>