我不久前做了这个画廊:https://jsfiddle.net/5e9L09Ly/
不要担心它不会上传任何东西.
我说你可以按文件大小排序,但我想按图像分辨率排序.问题是并非所有图像都会加载到页面上,所以我不知道它们的大小.
画廊本身非常基本,它要求一个目录,然后它将显示该目录中的所有图像和视频.
它现在只适用于chrome,只需单击顶部的浏览即可.浏览前的数字是选择目录时应显示或加载的图像数量.
我不知道如何处理这个问题......
我想到的一件事是这样的:
imgLoad.attr("src", url);
imgLoad.unbind("load");
imgLoad.bind("load", function() {
console.log(url+' size: '+(this.width + this.height));
});
问题是,它会加载它加载的每一个图像,如果你有很多图像,它会给硬盘和浏览器带来很大的压力,比方说你试图加载20k图像.
所以是的......任何建议都会很棒.
我不会在这里发布代码,因为它太多了,请查看小提琴.