首页 > 上网技巧 > 电脑小技巧 > 如何使用Jquery或者Javascrip将文件夹中的所有...

如何使用Jquery或者Javascrip将文件夹中的所有图片加载到网页

时间:2020-07-07 13:22 作者:QQ地带 我要评论

在本地主机和实时服务器上均可正常使用,并且可以扩展允许的文件扩展名的分隔列表:
 
var folder = "images/";
 
$.ajax({
    url : folder,
    success: function (data) {
        $(data).find("a").attr("href", function (i, val) {
            if( val.match(/\.(jpe?g|png|gif)$/) ) { 
                $("body").append( "<img src='"+ folder + val +"'>" );
            } 
        });
    }
});
注意
 
Apache服务器默认情况下已启用/images-如果您使用其他服务器(例如Express for Node),则可以使用此NPM软件包来使上述服务器正常工作:[https://github.com/expressjs/serve-index]
 
如果要列出的文件位于/images中,而不是在server.js中,则可以添加以下内容:
 
const express = require('express');
const app = express();
const path = require('path');
 
// Allow assets directory listings
const serveIndex = require('serve-index'); 
app.use('/images', serveIndex(path.join(__dirname, '/images')));

标签: JS jq
顶一下
(0)
0%
踩一下
(0)
0%

Google提供的广告