Jquery 动态加载图像作为画布背景。我怎么做？

我愿意创建一个可以在我的页面上动态加载图像的网页。这还不是全部

---

我想动态创建“您可以通过jQuery轻松地创建它，如下所示：

Html

<a href="#" class="changeFolder" data-folder="audio">Audio</a>
<a href="#" class="changeFolder" data-folder="video">Video</a>
<div id="folder">
    <!-- your canvas -->
</div>

看

在服务器端，您应该解析文件夹并找到一些图像，然后使用调用脚本。 我可能误解了你的问题，如果是这样，请留下评论

---

注意：我使用的是最新版本的jQuery。

在脑海中或纸上创建算法。然后开始工作。只有当您遇到问题或问题似乎难以解决时，我们才能提供帮助。我们不会为您编写代码。也许有人会。@Aspiring Aqib:也许您可以指导我从何处开始？我试图弄明白的是：我如何才能使用dynam根据图像数量动态创建上述元素？如何查找文件夹中的图像数量？您可以使用AJAX（客户端）向PHP（服务器端）发送请求PHP检查特定文件夹中的图像并将数据返回给客户端。因此，根据结果，创建任意数量的图像。正如您所说，您希望设置每个图像的背景。因此，将数据返回为JSON（JavaScript对象表示法）使用名称。因此，您可以将其设置为画布的背景。由于文件夹的名称已经为人所知，因此，不需要完整的URL。如果您有任何问题，请添加注释。jQuery很容易发送AJAX请求。您可以先创建脚本，获取特定文件夹中的图像数量。您可以使用此脚本。但与其他服务器一起使用ve sider语言（比如带有javascript或Ruby On rails的NodeJS或其他任何语言）。是的，Soyuka，你误解了我的问题。我不想在服务器端执行。我想在客户端执行。希望图像作为画布背景图像从我的硬盘加载。例如，从“D:\images”\“。我想动态确定给定文件夹中有多少图像？假设文件夹中的图像数为：“X”。基于此，希望创建“X”数量的画布。并将这些图像设置为所创建画布的背景。每个画布只能有一个“X”图像。例如，第一个画布有“1.jpg”，第二个画布有“2.jpg”，依此类推。但是动态的。你不能在客户端这样做，否则会导致安全性不足。。。您必须在服务器端解析文件夹并将数据发送到客户端。谢谢您的帮助。如果你有什么能帮我的，请告诉我。我会继续尝试这样的东西。让我们看看它是如何工作的……好的，但您将无法在客户端解析文件夹。好的，让我们假设我不想创建一个与服务器通信的网页。这只是一个html页面，在没有互联网连接的机器上工作。现在我可以在硬盘上搜索图像并加载为画布背景了吗？

$(document).on('click', '.changeFolder', function(e) {
   e.preventDefault();
   var folder = $(this).data('folder'),
       $folderCanvas = $('#folder');

    if(folder == 'video')
        $folderCanvas.css({'background-image': 'url(audio-img)'});
    else if(folder == 'audio')
        $folderCanvas.css({'background-image': 'url(video-image)'});                   
});