zoukankan      html  css  js  c++  java
  • 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       }            
  • 相关阅读:
    获取设备型号
    笔记
    福大软工 · 最终作业
    福大软工 · 第十二次作业
    Beta 冲刺(7/7)
    Beta 冲刺(6/7)
    Beta 冲刺(5/7)
    Beta 冲刺(4/7)
    Beta 冲刺(3/7)
    Beta 冲刺(2/7)
  • 原文地址:https://www.cnblogs.com/WEB_zhumeng/p/15261067.html
Copyright © 2011-2022 走看看