Question

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

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

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

为什么我从chrome获得以下异常？不允许加载本地资源

Answer 1

您的应用程序看起来像是通过文件系统路径引用您的资源（C：\ Users \ jim \ Dropbox \ egne projekter \ rateme \ rateme \ Content \ UploadedImages \ e630c24c-cb39-49a0-8356-7eb192d8f348.jpg）。 Jquery无法访问您的本地文件系统。我想为您的资源启动一个http服务器，所以网址看起来像http://127.0.0.1:1234/myApplication/Content/UploadedImages/e630c24c-cb39-49a0-8356-7eb192d8f348.jpg。希望可以得到一些帮助。

Answer 2

出于安全（？）原因，Chrome和Chrome会自动阻止来自file：//协议的AJAX请求。

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

jQuery不允许加载本地资源

2 个答案: