title: jQuery Not allowed to load local resource
body: <p>This is the part of the script for getting the image      </p>
  
  <pre><code>//Document.ready image load
          $(document).ready(function () {
              $.ajax({
                  dataType: "json",
                  url: "@Url.Action("FirstImage", "Home")",
                  success: function (jsonData) {
                      //Insert new image to the slide
                      newImg = $("&lt;img /&gt;");
  
                      newImg.attr("data-id", jsonData.nextImage.id);
                      newImg.attr("data-catpos", jsonData.nextImage.categoryPosition);
                      newImg.attr("data-rateamount",  jsonData.nextImage.amountOfRates);
                      newImg.attr("data-avg", jsonData.nextImage.rating);
                      newImg.attr("src", jsonData.nextImage.src);
                      newImg.attr("alt", "No image");
  
                      $(".slide").html(newImg);
  
                      console.log(jsonData.nextImage.src);
                  },
                  error: function () {
                      alert("Error getting next image");
                  }
              });
          });
  </code></pre>
  
  <p>This is what the console.log in the code above writes
  C:\Users\jim\Dropbox\egne projekter\rateme\rateme\Content\UploadedImages\e630c24c-cb39-49a0-8356-7eb192d8f348.jpg</p>
  
  <p>How come that i get the following exception from chrome?? Not allowed to load local resource</p>