6

如何在不触及文件名的情况下截断字符串（包含路径）（保留最后一个文件夹、文件名和驱动器号）？

嗨，我正在寻找一种截断路径以适应指定宽度的方法。

我已经在 SO 上搜索了，我发现了这个： Truncate a string nicely to fit within a given pixel width

但它在字符串的末尾添加了 ... 。我想有一个类似的功能，但它需要保持开始和结束..

例如，我有这个路径（字符串）：

H:\Informatique\Personnalisation\Icones\__\Crystal GT PNG Pack\Applications\licq.png

它需要像这样适应 div 的宽度：

H:\Informatique\...PNG Pack\Applications\licq.png

另一个例子：

D:\A___VERY___________LONG________PATH____________\myfile.png

将缩短为：

D:\A___VERY___________LONG________PA...\myfile.png

最后一个例子：

D:\A___VERY___________LONG________PATH____________\and-a-sub-solder\myfile.png

将缩短为：

D:\A___VERY________...\and-a-sub-solder\myfile.png

限制：

  • 驱动部分是必需的(H:)
  • 文件名和扩展名是必需的 (licq.png)
  • 如果有多个文件夹，则不能截断最后一个文件夹，除非所有内容都已被截断，这是使字符串更短的唯一方法。
  • 如果文件名太长，请在中间截断。

长文件名示例：

D:\my____file___________________________name____is___too____________long.png

将缩短为：

D:\my____file_________..._is___too____________long.png

我看到 Windows 和苹果做得很好......但我找不到任何靠近它的脚本。

任何具有类似脚本的链接，以便我可以尝试调整它？或者任何想帮助我的人？:)

非常感谢你

4

2 回答 2

4

这是一个有趣的问题，这是我的解决方案：http: //jsfiddle.net/AlienHoboken/y7SgA/

它假定您有一个变量 str ，其中包含路径， maxLength 具有您的最大字符长度。

您需要稍微更改代码，因为 str 是硬编码的，您需要更改 maxLength，并且您还需要更改写入信息的位置（它现在只是写入正文）。

注意：如果您的驱动器名称 + 文件名超过 maxLength 变量，即使它们太大，它也会一起打印出这两个。

代码，以防你不喜欢 jsfiddle：

$(document).ready(function () {
  var str = "H:\\Informatique\\Personnalisation\\Icones\\__\\Crystal GT PNG Pack\\Applications\\licq.png";
  var maxLength = 25;

  var tokens = str.split("\\");
  var drive = tokens[0];
  var fileName = tokens[tokens.length - 1];
  var len = drive.length + fileName.length;
  //remove the current lenth and also space for 3 dots and 2 slashes
  var remLen = maxLength - len - 5;

  //if remLen < 0, then it will over flow our maxLength to still maintain drive and     filename
  if (remLen > 0) {
    //remove first and last elements from the array
    tokens.splice(0, 1);
    tokens.splice(tokens.length - 1, 1);
    //recreate our path
    var path = tokens.join("\\");
    //handle the case of an odd length
    var lenA = Math.ceil(remLen / 2);
    var lenB = Math.floor(remLen / 2);
    //rebuild the path from beginning and end
    var pathA = path.substring(0, lenA);
    var pathB = path.substring(path.length - lenB);
    path = drive + "\\" + pathA + "..." + pathB + "\\" + fileName;

    //write it out
    $("body").html("Orig. Path: " + str + "<br /><br />" +
      "New Path: " + path + "<br /><br />" +
      "MaxLength: " + maxLength + "<br /><br />" +
      "New Length: " + path.length);
  } else {

    //try and fit our maxlength by taking only drive and filename
    $("body").html("Orig. Path: " + str + "<br /><br />" +
      "New Path: " + drive + "\\" + fileName + "<br /><br />" +
      "MaxLength: " + maxLength + "<br /><br />" +
      "New Length: " + (len + 1) + "<br /><br />");
  }
});
于 2013-01-13T22:53:04.517 回答
3

让我添加一点优化版本的@AlienHoboken 的代码。这个版本

  • 适用于字符串开头有或没有驱动器的路径
  • 适用于带有 / 或 \ 分隔符的路径
  • 当我们只需要显示文件夹路径时可以省略文件名

希望能帮助到你！

function pathShorten(str, maxLength, removeFilename) {
    var splitter = str.indexOf('/')>-1 ? '/' : "\\",
        tokens = str.split(splitter), 
        removeFilename = !!removeFilename,
        maxLength = maxLength || 25,
        drive = str.indexOf(':')>-1 ? tokens[0] : "",  
        fileName = tokens[tokens.length - 1],
        len = removeFilename ? drive.length  : drive.length + fileName.length,    
        remLen = maxLength - len - 5, // remove the current lenth and also space for 3 dots and 2 slashes
        path, lenA, lenB, pathA, pathB;    
    //remove first and last elements from the array
    tokens.splice(0, 1);
    tokens.splice(tokens.length - 1, 1);
    //recreate our path
    path = tokens.join(splitter);
    //handle the case of an odd length
    lenA = Math.ceil(remLen / 2);
    lenB = Math.floor(remLen / 2);
    //rebuild the path from beginning and end
    pathA = path.substring(0, lenA);
    pathB = path.substring(path.length - lenB);
    path = drive + splitter + pathA + "..." + pathB + splitter ;
    path = path + (removeFilename ? "" : fileName); 
    //console.log(tokens, maxLength, drive, fileName, len, remLen, pathA, pathB);
    return path;
}
于 2017-09-22T09:55:45.213 回答