一,用node查找
//获取项目工程里的图片
var fs = require('fs');//引用文件系统模块
var image = require("imageinfo"); //引用imageinfo模块
function readFileList(path, filesList) {
var files = fs.readdirSync(path);
files.forEach(function (itm, index) {
var stat = fs.statSync(path + itm);
if (stat.isDirectory()) {
//递归读取文件
readFileList(path + itm + "/", filesList)
} else {
var obj = {};//定义一个对象存放文件的路径和名字
obj.path = path;//路径
obj.filename = itm//名字
filesList.push(obj);
}
})
}
var getFiles = {
//获取文件夹下的所有文件
getFileList: function (path) {
var filesList = [];
readFileList(path, filesList);
return filesList;
},
//获取文件夹下的所有图片
getImageFiles: function (path) {
var imageList = [];
this.getFileList(path).forEach((item) => {
var ms = image(fs.readFileSync(item.path + item.filename));
ms.mimeType && (imageList.push(item.filename))
});
return imageList;
}
};
//获取文件夹下的所有图片
getFiles.getImageFiles("./public/");
//获取文件夹下的所有文件
getFiles.getFileList("./public/");
二,用webpack中的require.context()方法
public fileIcon(): any {
const iconlist = [];
const list = ['a', 'b', 'c', 'd'];
const modulesFiles = require.context('./', true, /.png$/);
for (let j = 0; j < list.length; j++) {
for (let i = 1; i < 7; i++) {
const obj = {
url: modulesFiles(`./${list[j]}${i}.png`),// 直接拿到图片的base64
};
iconlist.push(obj);
}
}
return iconlist;
}
网友评论