我有以下代码：
<head>
<Meta charset="utf-8">
<Meta http-equiv="X-UA-Compatible" content="IE=edge">
<Meta name="description" content="">
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
function loadPhotos(folderName){
var folder = "assets/photos/"+folderName+"/";
$.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 +"'>" );
}
});
}
});
}
</script>
</head>
<html>
<div onclick="loadPhotos('7thAnnual')">7th Annual</div>
</html>
由于某些奇怪的原因,当我点击div时,loadPhotos函数在ajax调用上抛出404未找到的错误….但是它说它无法找到的目录确实存在.
为了记录,我在localhost(http://127.0.0.1:8020/)上运行它.
目录结构是Ljf / assets / photos / 7thAnnual ….
所以完整的路径是http://127.0.0.1:8020/Ljf/assets/photos/7thAnnual
7thAnnual目录包含所有图像
有什么想法吗？
解决方法
好的….所以我似乎必须完全限定网址中的名称,如下所示：
var folder = "127.0.0.1:8020/Ljf/assets/photos/7thAnnual";
而不是仅使用：
var folder = "Ljf/assets/photos/7thAnnual"
这个答案带来了一个
“Cross origin requests are only supported for protocol schemes: http,
data,chrome,chrome-extension,https,chrome-extension-resource.”
404 not found
所以我会把它标记为答案
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
