jquery实现页面刷新随机显示文件夹中的图片

jQuery可以配合JavaScript和HTML来实现页面刷新时随机显示文件夹中的图片功能。以下是简单的步骤：

1. 首先，在HTML中创建一个`<img>`标签，用于显示图片，并设置一个ID方便后续操作：

<img id="randomImage" src="" alt="Random Image">

2. 使用JavaScript获取文件夹中的所有图片URL列表。这通常需要服务器支持，例如读取本地文件系统，或者通过AJAX请求获取预定义的目录。假设我们有一个包含图片URL的数组：

var imageUrls = ["image1.jpg", "image2.jpg", "image3.jpg", ...]; // 替换成实际图片URLs

3. 使用jQuery的`.load()`函数，当图片加载完成后执行随机选择图片并更新`src`属性：

$(document).ready(function() {
    function getRandomImageUrl() {
        return imageUrls[Math.floor(Math.random() * imageUrls.length)];
    }

    $("#randomImage").attr("src", getRandomImageUrl());
});

4. 要实现页面刷新时依然保持这个效果，可以在`window.onload`事件中再次调用上述函数：

window.onload = function() {
    // 页面加载完成后再随机选取图片
    $("#randomImage").attr("src", getRandomImageUrl());
};

5. 然而，由于浏览器安全策略限制，直接从`file://`协议访问本地文件可能会受限，如果要在浏览器环境中运行，建议将图片上传到服务器，然后修改URL指向。