jQuery不允许加载本地资源

这是获取图像的脚本的一部分

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

这就是上面代码中的console.log写入C:\ Users \ jim \ Dropbox \ egne projekter \ rateme \ rateme \ Content \ UploadedImages \ e630c24c-cb39-49a0-8356-7eb192d8f348.jpg

为什么我从chrome获得以下exception? 不允许加载本地资源

看起来您的应用程序通过文件系统路径引用您的资源(C:\ Users \ jim \ Dropbox \ egne projekter \ rateme \ rateme \ Content \ UploadedImages \ e630c24c-cb39-49a0-8356-7eb192d8f348.jpg)。 Jquery无权访问您的本地文件系统。 我想为你的资源调整一个http服务器,所以url看起来像http://127.0.0.1:1234/myApplication/Content/UploadedImages/e630c24c-cb39-49a0-8356-7eb192d8f348.jpg 。 希望可以得到一点帮助。

出于安全(?)原因,Chrome和chrome会自动阻止来自file://协议的AJAX请求。

这就是谷歌对此案的看法。