jQuery No está permitido cargar recursos locales

Esta es la parte del script para obtener la imagen.

//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 = $(""); 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"); } }); }); 

Esto es lo que escribe el archivo console.log en el código anterior C: \ Users \ jim \ Dropbox \ egne projekter \ rateme \ rateme \ Content \ UploadedImages \ e630c24c-cb39-49a0-8356-7eb192d8f348.jpg

¿Cómo es que recibo la siguiente excepción de Chrome? No se permite cargar el recurso local

Parece que su aplicación hace referencia a sus recursos mediante una ruta del sistema de archivos (C: \ Users \ jim \ Dropbox \ egne projekter \ rateme \ rateme \ Content \ UploadedImages \ e630c24c-cb39-49a0-8356-7eb192d8f348.jpg). Jquery no tiene acceso a su sistema de archivos local. Me gustaría que un servidor http se centre en sus recursos, por lo que las URL se verán como http://127.0.0.1:1234/myApplication/Content/UploadedImages/e630c24c-cb39-49a0-8356-7eb192d8f348.jpg La esperanza puede obtener un poco de ayuda.

Chrome y cromo bloquean automáticamente las solicitudes de AJAX del archivo: // protocolo por razones de seguridad (?).

Esto es lo que dice google sobre este caso.