我想从本地文件夹获取图片并将其发布到网页上。
图片无法加载到网页上,但控制台中没有错误。
<head>
<title> </title>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
var dir = "/Users/me/Desktop/imgtest/";
var fileextension = ".jpeg";
$.ajax({
url: dir,
success: function (data) {
$(data).find("a:contains(" + fileextension + ")").each(function () {
var filename = this.href.replace(window.location.host, "").replace("http://", "");
$("body").append("<img src='" + dir + filename + "'>");
});
}
});
</script>
</head>
<body>
最佳答案
由于您的页面未加载,因此无法运行。
您应该在正文末尾添加此脚本或使用 $(document).ready
确保页面在调用 Ajax 脚本之前加载。
<script type="text/javascript">
var dir = "/Users/me/Desktop/imgtest/";
var fileextension = ".jpeg";
$(document).ready(function(){
$.ajax({
url: dir,
success: function (data) {
$(data).find("a:contains(" + fileextension + ")").each(function () {
var filename = this.href.replace(window.location.host, "").replace("http://", "");
$("body").append("<img src='" + dir + filename + "'>");
});
}
});
});
</script>
关于javascript - jquery ajax从本地文件夹加载图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46869172/