title: Chrome won't display filesystem images
body: <p>Problem: When I try to load the image as part of the web page, I get (blocked:other) as a response to the image request in the Chrome inspector (as opposed to 200 or 404). When I paste the image location into the address bar, it loads, so I know the path is correct. Same responses from Firefox.</p>
  
  <p>Example path that loads directly in browser but not in web page/css: file:///Users/my-username/path-to-app/assets/images/give-them-beer/12-top-rated-ipas_1200.jpg</p>
  
  <p>Example path that doesn't load anywhere (returns 404 in inspector): <a href="http://localhost/mysite.com/assets/images/give-them-beer/12-top-rated-ipas_1200.jpg" rel="nofollow noreferrer">http://localhost/mysite.com/assets/images/give-them-beer/12-top-rated-ipas_1200.jpg</a></p>
  
  <p>System info: </p>
  
  <ul>
  <li>I'm working on a localhost website (Mac, using MAMP + Apache). </li>
  <li>I'm using the latest version of Chrome.</li>
  </ul>
  
  <p>Web site info:</p>
  
  <ul>
  <li>I am using CodeIgniter 3.x</li>
  <li>My assets directory is outside the application directory</li>
  <li>I am using the full filesystem path for the image.</li>
  <li>I am loading images as CSS background using inline styles</li>
  </ul>
  
  <p>What I've investigated:</p>
  
  <ul>
  <li>I've tried localhost URLs and filesystem URLs</li>
  <li>.htaccess CSP options, though I can't find one that fixes the problem</li>
  <li>.htaccess XSS options, but again, I can't figure out how to get around it</li>
  <li>The MAMP permissions suggestions the comments. New permissions are:
  
  <ul>
  <li>Localhost dir: <code>drwxr-x---+  7 ME  _www  238 Sep 10 09:37 DOCUMENTDIRECTORY</code></li>
  <li>Website dir: <code>drwxrwx---+ 15 ME  _www  510 Sep 11 09:50 MYSITEDIRECTORY</code></li>
  </ul></li>
  </ul>