title: Firefox and Chrome won't decode base64 image or pdf files
body: <p>I'm trying to decode a base64 encoded images on the browser by using the data uri scheme. </p>
  
  <p>This is what my html looks like:</p>
  
  <pre><code>&lt;img src="data:image/png;base64,base64_string_here" 
    alt="base64 image name" width="600" height="400" border="1" /&gt;
  </code></pre>
  
  <p>Chrome and Firefox are unable to decode these images and display the default "image can't load" image instead. I've verified that the base64 images I'm passing to the browser are correct. In fact Safari has no problems displaying the same images. </p>
  
  <p>I tried getting the browsers to decode similar base64 encoded pdfs instead, but this did not work either. (Again, it didn't work on Chrome and Firefox but worked on Safari.)</p>
  
  <pre><code>&lt;img src="data:application/pdf;base64,base64_string_here" 
    alt="base64 pdf name" width="600" height="400" border="1" /&gt;
  </code></pre>
  
  <p>Chrome version: 18.0, FF version: 11.0</p>
  
  <p>Does anyone know what could be wrong here? (If it helps at all- the base64 encoded images I'm trying to display are USPS shipping labels). </p>