js在路径中截取文件名、后缀名

const name = "http://localhost:8000/img/图片.jpg"

// '/'所在的最后位置
last = name.lastIndexOf('/') 
// 截取文件名称和后缀
str = name.substring(last+1)                          // 输出：图片.jpg
// 截取路径字符串
url = name.substring(0,last)                          // 输出：http://localhost:8000/img
// 截取文件名
document= str.substring(0, str.lastIndexOf("."))      // 输出：图片
// 截取后缀
suffix= name.substring(name.lastIndexOf("."))         // 输出：.jpg
// 截取后缀名
suffixName = name.substring(name.lastIndexOf(".")+1)  // 输出：jpg

js截取参数值

// 原始图片地址
var imageUrl = "https://example.com/image.jpg?param1=value1&param2=value2";

// 获取图片地址后面的参数部分（包括"?"）
var paramsPart = imageUrl.substring(imageUrl.indexOf("?") + 1);
console.log(paramsPart); // 输出结果为 "param1=value1&param2=value2"

// 如果只需要获取特定参数的值，可以进行更详细的处理
function getParamValue(url, paramName) {
   
    var queryString = url.split('?')[1];
    if (queryString === undefined || !queryString.includes(paramName)) return null;

    var pairs = queryString.split('&');
    for (var i = 0; i < pairs.length; i++) {
   
        var pair = pairs[i].split('=');
        if (pair[0] == paramName) {
   
            return decodeURIComponent(pair[1]);
        }
    }
}

// 调用getParamValue函数获取指定参数的值
var value1 = getParamValue(imageUrl, 'param1');
console.log(value1); // 输出结果为 "value1"

var value2 = getParamValue(imageUrl, 'param2');
console.log(value2); // 输出结果为 "value2"

总结

通过使用 JavaScript 的内置方法和接口，我们可以轻松地截取图片地址后面的参数，以及从路径中提取文件名或文件后缀名。这些技巧在处理 URL 和文件路径时非常有用。
在JavaScript中，处理URL和提取相关信息是一项常见任务。我们可以使用URLSearchParams接口轻松截取图片地址后面的查询参数，通过split()和pop()方法从路径中提取文件名，以及使用split()和slice()组合来截取文件后缀名。这些技巧使我们能够方便地操作URL和文件路径，从而在处理图片和其他资源时更加高效和灵活。