• js如何获取文件夹中的文件并随机显示


     1 let requireModule = require.context(
     2      "文件路径位置",
     3         false,
     4         /.jpg$/ //文件后缀名
     5       );
     6       let imagesNameArr = [];
     7       //获取文件夹下面的所有满足需求的文件
     8      for (let i = 0; i < requireModule.keys().length; i++) {
     9         imagesNameArr.push(requireModule.keys()[i].substr(2, requireModule.keys()[i].length));
    10       }
    11       //从上面的数组中随机筛选
    12       function getRandomArrayElements(arr, count) {
    13         let shuffled = arr.slice(0), i = arr.length, min = i - count, temp, index;
    14         while (i-- > min) {
    15           index = Math.floor((i + 1) * Math.random());
    16           temp = shuffled[index];
    17           shuffled[index] = shuffled[i];
    18           shuffled[i] = temp;
    19         }
    20         return shuffled.slice(min);
    21       }
    22        //获取到随机的文件并补全路径在页面上显示
    23       let imgLinkArray = getRandomArrayElements(imagesNameArr,4)
    24       for(let i=0;i<imgLinkArray.length;i++){
    25         let img = require("文件存放的路径" + imgLinkArray[i])
    26         this.phonePic.push(img)
    27       }            
  • 相关阅读:
    miniNExT
    使用ExaBGP发送BGP路由信息和清洗DDoS流量
    HTML day02(html列表与菜单的制作)
    HTML day01基础总结
    SSH项目整合基本步骤
    常见异常类有哪些?
    JSP 生命周期
    HTTP状态码
    使用oracle删除表中重复记录
    Oracle三种分页?
  • 原文地址:https://www.cnblogs.com/WEB_zhumeng/p/15261067.html
Copyright © 2020-2023  润新知