JavaScript: Not allowed to load local resource
Dette er den del af mit script som skal hente billedet//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 = $("<img />");
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");
}
});
});
Og dette er hvad console.log i koden ovenfor udskriver:
C:\Users\jim\Dropbox\egne projekter\rateme\rateme\Content\UploadedImages\e630c24c-cb39-49a0-8356-7eb192d8f348.jpg
How come at jeg får en exception fra chrome?? Not allowed to load local resource