javascript - 如果名称已被使用，附加一个数字？

Question

在 Javascript 中，我有一个脚本可以让我将文件上传到我的服务器，然后检索输出。输出的一个组成部分是上传的文件的名称。例如，输出名称可能如下所示:

test.pdf

然后 test.pdf 的内容被保存到 localStorage 键中，项目名称是文件的名称:localStorage.setItem(name , 数据).

这很好用，但当文件名与正在上传和检索的文件名相同时就不行了。

我的意思是，如果用户上传名为 Hello 34.pdf 的文件，它将将该文件的名称和内容保存到 LS key 中。但是，如果他们再次上传相同的文件，或具有相同名称的不同文件，则它将替换具有相同名称的当前文件。

为了解决这个问题，我需要能够在文档标题的末尾附加一个数字，这样您就可以在 LS 中拥有尽可能多的同名文件版本。

我知道我可以检查文件是否与已上传的文件同名，如下所示:

var title = $('#file')[0].files[0]["name"];
if (localStorage.getItem(title)) {
  alert("same name");
}
localStorage.setItem(title, data);

但是从那里我无法弄清楚如何在末尾添加一个数字。我认为正则表达式不是执行此操作的合适方法，因为:

if (title.match(/[\.pdf ]\d/g) != null) {
    var number = title.match(/[\.pdf ]\d/g) + 1;
} else {
    var number = "1";
}

依赖于 .pdf 扩展名在末尾，JS 正则表达式通常是错误的。

有没有更好的方法来做到这一点？我应该以不同的方式索引文件名吗？

Answer 1

由于 localStorage 将所有项目存储为字符串，因此开发人员可以跟踪用于索引该数据的键，这取决于您。实际文件在上传时不会被复制；只有 key 会被复制。
也就是说，我会像这样为每个上传的文件附加一个唯一的 ID:

fileName = test.pdf
fileKey = test.pdf#1

然后将文件名作为键存储在本地存储中，值将是您目前使用的“版本”，例如:

localStorage.setItem("test.pdf", "1");

然后您可以为每个新修订增加该值并轻松获取下一个修订的 key 并将文件存储在本地存储中，如下所示:

localStorage.setItem("test.pdf#1", "file data here");

这有意义吗？

编辑(示例):

-- 存储数据:

var title = $('#file')[0].files[0]["name"];
var revNo = 1;
if (localStorage.getItem(title)) {
  revNo = localStorage.getItem(title);
  revNo++;
}
localStorage.setItem(title, revNo);
localStorage.setItem(title + "#" + revNo, data);

-- 获取数据:

var title = $('#file')[0].files[0]["name"];
var revNo = 1;
if (localStorage.getItem(title)) {
  revNo = localStorage.getItem(title);
}
// get the latest revision
var data = localStorage.getItem(title + "#" + revNo);