Javascript 查找没有扩展名的图像的MIME类型

我正在制作一个Dropbox图像幻灯片。我使用Dropbox公用文件夹共享index.html文件，该文件在“img”文件夹中查找用于创建幻灯片的一组图像

我这样做与以下，这是黑客，但工作

var findFiles = function(slideLimit){
  var limit = slideLimit;
  var img = [];

  for(var i = 1; i < limit; i++){

    var src = "<li class='slide slide-"+i+"'><img src='img/"+i+".png' onerror='imgError(this);''></li>"
    $('.frame ul').append(src);

  }

}

---

解决方案有点困难。有人有什么好主意吗？可能需要我采取不同的方向…

最好的方法是让用户告诉您分机

var findFiles = function(slideLimit, ext){
    var limit = slideLimit,
        img = [],
        lis = [];
    ext = ext || "png";   
    for (var i = 1; i < limit; i++) {
        lis.push("<li class='slide slide-"+i+"'><img src='img/"+i+"."+ext+"' onerror='imgError(this);''></li>");
    }
    $('.frame ul').append(lis.join(""));
}

---

var findFiles=函数（slideLimit，ext）{
var限制=滑动限制，
img=[]，
lis=[]；
ext=ext | |“png”；
对于（变量i=1；i

Ping服务器以获取文件，缺点持续点击服务器以查看文件是否存在需要一些时间

var findFiles = function(slideLimit){
    var limit = slideLimit,
        img = [],
        lis = [],
        extList = ["png","gif"];

    function testExt () {
        var ext = extList.shift();
        if (ext) {
            var img = new Image();
            img.onload = function () {
                load(ext);
            };
            img.onerror = testExt;
            img.src="img/1." + ext;
        }
    }

    function load (ext){
        for (var i = 1; i < limit; i++) {
            lis.push("<li class='slide slide-"+i+"'><img src='img/"+i+"."+ext+"' onerror='imgError(this);''></li>");
        }
        $('.frame ul').append(lis.join(""));
    }

    testExt(); 
}

---

var findFiles=函数（slideLimit）{
var限制=滑动限制，
img=[]，
lis=[]，
extList=[“png”、“gif”]；
函数testExt（）{
var ext=extList.shift（）；
如果（分机）{
var img=新图像（）；
img.onload=函数（）{
载荷（ext）；
};
img.onerror=testExt；
img.src=“img/1.”+ext；
}
}
功能加载（ext）{
对于（变量i=1；i

---

[注意，这两个代码片段都未经测试，都是在编辑器中编写的]

给它一个设置扩展类型的选项。@epascarello感谢您的回复，虽然不太清楚您的意思，但有没有可能详细说明？

var findFiles=function（slideLimit，ext）{ext=ext | |“png”

@epascarello这是如何确定需要什么“ext”的？我的目标是为那些不习惯html/js/css的人提供一个简单的解决方案。无法确定它是什么文件类型。你可以通过加载一个图像并查看它是否出错，然后进行交换来进行某种测试，但如果你可以使用html/js/css，这只是浪费一个http调用我们将引导用户查看扩展并执行此操作。

var findFiles = function(slideLimit, ext){
    var limit = slideLimit,
        img = [],
        lis = [];
    ext = ext || "png";   
    for (var i = 1; i < limit; i++) {
        lis.push("<li class='slide slide-"+i+"'><img src='img/"+i+"."+ext+"' onerror='imgError(this);''></li>");
    }
    $('.frame ul').append(lis.join(""));
}

var findFiles = function(slideLimit){
    var limit = slideLimit,
        img = [],
        lis = [],
        extList = ["png","gif"];

    function testExt () {
        var ext = extList.shift();
        if (ext) {
            var img = new Image();
            img.onload = function () {
                load(ext);
            };
            img.onerror = testExt;
            img.src="img/1." + ext;
        }
    }

    function load (ext){
        for (var i = 1; i < limit; i++) {
            lis.push("<li class='slide slide-"+i+"'><img src='img/"+i+"."+ext+"' onerror='imgError(this);''></li>");
        }
        $('.frame ul').append(lis.join(""));
    }

    testExt(); 
}