Question

尝试在终端中打开带有允许文件访问文件的Chrome后应用below code（之所以这样做是因为没有击中原始的“空” CORS安全问题），但仍然无法上传本地的Mac文件夹图片（.jpg）到网站（在引用错误消息下方）。

对我要去哪里的任何帮助将不胜感激。我对此很陌生-网页只是我的.txt文件。

i_stack

    var folder = "imgFolder/";

$(document).ready(function(){

$.ajax({
    url : folder,
    success: function (data) {
        $(data).find("a").attr("href", function (i, val) {
         if(val.match(/\.(jpe?g|png|gif)$/)) {
                $("body").append( "<img src="+ folder + val +">" );
            }  
        });
    }
});

无法读取未定义的属性“ match”。

Answer 1

问题在于，并非您的所有<a>元素都具有href属性。对于这些元素，val将是undefined。

您可以轻松地将选择器调整为

$(data).find('a[href]').attr(...)

这样，可以保证只查看具有<a>属性的href元素。

Answer 2

对于任何对解决方案感兴趣的人，在我下载MAMP并将其配置为绕过CORS概率后，最初引用的代码即可工作。

我完全不能说这种方法的适当性（效率，安全性等），但是我偶然发现了有关CORS绕过的警告。

再次感谢Phil欺骗我。似乎我最初是在错误的树上吠叫。

i_stack

Ajax jQuery加载图像的本地mac文件夹：匹配未定义错误

2 个答案: