在Jquery中动态获取图像

问题描述：

我试图在单击按钮时加载多个图像。在Jquery中动态获取图像

这是我的脚本

$(document).ready(function(){ 
    $("button").click(function(){ 
      $('#img').html('<img src="img ' + $(this).val() + '.jpg" width="200px">'); 
    }); 
});

这里如何使用for循环，从文件夹img

得到所有图片

的html代码：

<body> 
<div id="img"></div> 
<button>Get External Content</button> 
</body>

$（本）.VAL（）返回按钮的点击价值。你想要这个或像图像名称一样的其他值吗？ – Nitesh

根据您将加载多个图像？ – ScanQR

您必须使用AJAX才能从文件夹中获取所有图像。 –

答

不知道在您的 “IMG文件夹”是，所以我定义了一些变量让你更新它们的值。

无论如何，代码如下：

// update these 
var imagesFolder = "myFolder"; 
var imagesSources = ["image1", "image2", "image3", "image4"]; 

$("button").click(function() { 
    for (var i = 0; i < imagesSources.length; i++) { 
     $('#img').append('<img src="' + imagesFolder + '/' + imagesSources[i] + '.jpg">'); 
    } 
});

是否有可能直接从文件夹中获取图像而不存储在数组中 – moksha

嗯，是的，但是您需要从该文件夹中读取以发现哪些文件存在。没有用户输入，JavaScript无法做到这一点。如果您的文件位于服务器上，则可以编写一种方法从文件夹中读取文件名，并将其作为名称数组返回到前端，然后显示图像。 – rabelloo

在Jquery中动态获取图像

相关推荐