gpt4 book ai didi

javascript - jquery ajax从本地文件夹加载图像

转载 作者:行者123 更新时间:2023-11-28 04:03:51 25 4
gpt4 key购买 nike

我想从本地文件夹获取图片并将其发布到网页上。

图片无法加载到网页上,但控制台中没有错误。

<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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com