Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/azure/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 文件夹中的随机图像_Javascript_Jquery - Fatal编程技术网

Javascript 文件夹中的随机图像

Javascript 文件夹中的随机图像,javascript,jquery,Javascript,Jquery,我正试图重写下面的代码来搜索一个文件夹中的所有图像(它们将被编号,但可能会有间隙,即不是1.jpg,2.jpg,3.jpg,而是1.jpg,15.jpg,60.jpg)。出于这个原因,我想搜索文件夹,将所有图像放入一个数组中,然后每次循环时随机选择一个 任何帮助都将不胜感激 首先,我目前在下面的主脚本上方指定图像总数: imgWidth = 160, imgHeight = 95, imgTotal = 22, total = 0, tiles; //create the HTML for

我正试图重写下面的代码来搜索一个文件夹中的所有图像(它们将被编号,但可能会有间隙,即不是1.jpg,2.jpg,3.jpg,而是1.jpg,15.jpg,60.jpg)。出于这个原因,我想搜索文件夹,将所有图像放入一个数组中,然后每次循环时随机选择一个

任何帮助都将不胜感激

首先,我目前在下面的主脚本上方指定图像总数:

imgWidth = 160,
imgHeight = 95,
imgTotal = 22,
total = 0,
tiles;


//create the HTML for the tiles and append that to the bg element
 function makeTiles(count){
     var html = '', imgNum;
     while(count--){
  imgNum = Math.floor(Math.random()*imgTotal + 1);
  html += "<div class='tile' style='background:url(public/images/portfolio/all/"+imgNum+".jpg) 0 0 no-repeat;' ><img style='opacity:0; filter:alpha(opacity=0);' src='public/images/portfolio/all/"+imgNum+"-c.jpg' alt='' /></div>\r";
     }
     $bg.append(html);
 }
imgWidth=160,
imgHeight=95,
imgTotal=22,
总计=0,
瓷砖;
//为tiles创建HTML并将其附加到bg元素
函数makeTiles(计数){
var html='',imgNum;
而(计数--){
imgNum=Math.floor(Math.random()*imgTotal+1);
html+=“\r”;
}
$bg.append(html);
}

javascript无法访问本地文件夹。点


我重复一遍:你无法用JS“搜索文件夹”来获取“图像数组”。你可以用PHP或类似的服务器端语言来完成这部分(仅限于服务器!),然后通过AJAX返回结果。

javascript无法访问本地文件夹。注意


我重复一遍:你不可能通过“搜索文件夹”来获得JS中的“图像数组”。你可以做到这一点(仅限服务器!)使用PHP或类似的服务器端语言,并通过AJAX返回结果。

若要执行所需操作,您需要知道图像的名称。JavaScript无法像上面所述直接访问文件夹。您需要使用服务器端脚本来提供一个图像数组,以便JS随机选择以执行此操作。

若要执行所需操作,请要知道这些图像被称为什么。JavaScript不能像上面所评论的那样直接访问文件夹。您需要使用服务器端脚本来提供一个图像数组,以便JS随机选择以执行此操作。

您需要使用JavaScript以外的其他内容创建可用图像列表,因为它甚至不具有文件系统访问权限虽然最终,您是通过图像的url访问图像的

解决方法:为图像启用一些目录列表,然后通过javascript访问此页面,解析图像文件并从中构造一个数组;但坦率地说,有更简短、更健壮的方法来实现这一点

伪代码

js/jquery

$.get("/some/publicly/accessible/folder/imagefilelist.txt", function(data){
   alert("My image files: " + data);
});

您需要用javascript以外的东西创建一个可用图像列表,因为它没有文件系统访问权限,即使最终您是通过图像的url访问图像的

解决方法:为图像启用一些目录列表,然后通过javascript访问此页面,解析图像文件并从中构造一个数组;但坦率地说,有更简短、更健壮的方法来实现这一点

伪代码

js/jquery

$.get("/some/publicly/accessible/folder/imagefilelist.txt", function(data){
   alert("My image files: " + data);
});

Javascript将无法浏览文件夹。您需要做的是创建一个可用图像数组,然后随机选择一个。您可以使用任何服务器端技术(php、rails、java、.net…).

Javascript将无法浏览文件夹。您需要做的是创建一个可用图像数组,然后随机选择一个。您可以使用任何服务器端技术(php、rails、java、.net…)来完成此操作.

你尝试这样做的方式是错误的。但是我有一些技巧,这可能会奏效,但这是一种非常错误的方式

您可以使用php生成文件列表并将其提供给您的脚本。您甚至可以创建php脚本,该脚本将生成已经填充了所需数据的脚本,但这样做也不是最好的

因此,最好的方法是: -通过php创建包含文件名/图像(可见或不可见)列表的html,然后通过javascript进行操作;
-创建html和javascript,它将对php脚本执行AJAX查询,php脚本将返回文件名列表(如果您愿意,格式将为JSON)。

您尝试的方式是错误的。但是我有一些技巧,它可以工作,但这是非常错误的方式

您可以使用php生成文件列表并将其提供给您的脚本。您甚至可以创建php脚本,该脚本将生成已经填充了所需数据的脚本,但这样做也不是最好的

因此,最好的方法是: -通过php创建包含文件名/图像(可见或不可见)列表的html,然后通过javascript进行操作;
-创建html和javascript wich将对php脚本执行AJAX查询,该脚本将返回文件名列表(如果愿意,格式为JSON)。

为什么不将图像上载到免费托管站点(如Flickr)从图像组中获取提要并从中选择随机图像?

为什么不将图像上载到免费托管站点(如Flickr)从图像组中获取提要并从中选择随机图像?

如果URL在服务器上(不是本地),则可以使用PHP生成数组并通过AJAX将其传递给JS。如果URL在服务器上(不是本地),您可以使用PHP生成数组并通过AJAX将其传递给JS。问题是整个脚本都在javascript文件中,因此我必须包含PHP,您可以在其中对PHP进行异步调用,调用“给我一个随机图像名”函数你是怎么做到的?对不起。查找jquery的ajax函数有很多文档。问题是整个脚本都在一个javascript文件中,所以我必须包含PHP,你可以在其中对PHP进行异步调用,调用“给我一个随机图像名”函数你是怎么做到的?对不起。查找jquery的ajax函数有很多文档。如果你不需要在页面上操作图像,甚至不需要使用javascript,你可以用php(或其他服务器端语言)生成html是的,我只给你展示了一个小片段来保持它的简单性…它所做的远不止上述。AJAX查询到JSON生成php脚本对你来说是最好的选择。(如果你能想出一个脚本,它给出了从客户端传递的目录列表,那么c