使用带有错误处理的循环从本地文件夹加载图像

灰蛙

我正在尝试使用for循环在静态Web应用程序上加载图像。我正在运行一个nodejs http服务器来运行本地服务器。

下面的代码不起作用,并返回未定义。谁能指出这个问题?另外,此Web应用程序在客户端计算机上运行。

我想做的是,当图像文件路径无效或找不到图像时,应将其设置为默认值。

我的代码是这样

for(let i=0;i<16;i++){
  let img_src = validatePath('img/music/',i,'.svg');
   $('img').attr(src,img_src);
}

function validatePath(folder, fileindex, extention) {
    let finalPath = "";
    let path = folder + fileindex + extention;
    $.get(path)
        .done(function(data) {
            finaPath = path;
        }).fail(function(error) {
            finaPath = "img/default.svg";
        });
    return finalPath ;
}

没有$ .get()还有其他方法吗?

灰蛙

我已经尝试过了,并且奏效了。这样我可以返回找到的文件路径和找不到的默认图像...

function validatePath(folder, fileindex, extension) {
    let path = folder + fileindex + extension;
    let finalPath = ""; 
    var http = new XMLHttpRequest();
    http.open('HEAD', path, false);
    http.send();
    if (http.status != 404) finalPath = path;
    else finalPath = "img/default.svg"
    return finalPath;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用PIL从文件夹加载所有图像

带有错误处理的Spring MVC Rest Service Controller完成了吗?

加载并显示文件夹中的所有图像

从本地文件夹获取所有图像

异步等待并保证所有错误处理

带有错误处理的Python While循环

如何从文件夹加载所有图像?(处理,Java)

带有错误处理的RxAndroid Observable方法调用

如何使用javascript / jquery从本地文件夹自动加载多个图像?

带有Windows本地文件夹的Docker命名卷

如何处理本地文件夹中确实存在的错误图像

Ubuntu-错误处理文件夹错误结尾处带有空格的文件夹

移动带有图像的文件夹

带有错误处理的REST API扩展PUT

ddply cor.test具有错误处理

VBA错误处理以检查文件夹是否存在

Swift类不符合带有错误处理的Objective-C协议

循环列出带有空格的文件夹

如何使用python按名称加载文件夹中的所有图像?

使用Java Eclipse将文件从一个文件夹复制到另一个文件夹(带有错误处理程序)

从文件夹加载所有图像:winjs uwp app

如何在带有批处理文件的文件夹中循环

VBScript 中的错误处理以检查文件夹中的文件数

带有 zip 文件的 Docker ADD 文件夹导致错误处理 tar 文件(退出状态 1):意外的 EOF

服务中带有错误处理程序声明的基本 Angular 语法问题

带有子分类文件夹的命令处理程序

带有错误处理中间件的 Application Insights

如何在带有错误处理的 post/put 请求中流式传输文件?

如何在带有错误处理的 for 循环中进行迭代