Dev Tools failed to load Source Map: Could not load content for chrome-extension

I’m trying to display an image selected from the local machine and I need the location of that image for a javascript function and am unable to get the location of the image.

To get the image location, I tried using console.log, but nothing returns.


Here’s the HTML code:

<!DOCTYPE html>

  <div align="center" style="padding-top: 50px">
    <img align="center" id="uploadPreview" style="width: 100px; height: 100px;" />

  <div align="center" style="padding-left: 30px">
    <input id="uploadImage" type="file" name="myPhoto" onchange="PreviewImage();" />

  <script type="text/javascript">
    function PreviewImage() {
      var oFReader = new FileReader();

      oFReader.onload = function (oFREvent) {
        document.getElementById("uploadPreview").src =;



Console Output: 

Here’s the warning:

DevTools failed to load SourceMap: Could not load content for chrome-extension://alplpnakfeabeiebipdmaenpmbgknjce/ HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME

This Post Has One Comment

  1. No Fault

    This is what worked for me: instead of


    After that change I am not seeing the error anymore

Leave a Reply