1

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

test.pdf

然后将 的内容test.pdf保存到一个localStorage键中,项目名称是文件的名称:localStorage.setItem(name, data).

这可以正常工作,但当文件名与正在上传和检索的文件名相同时就不行了。

我的意思是,如果用户上传一个名为 的文件Hello 34.pdf,它将将该文件的名称和内容保存到 LS 键。但是,如果他们再次上传相同的文件,或者使用相同名称的不同文件,那么它将替换具有相同名称的当前文件。

为了解决这个问题,我需要能够在文档标题的末尾附加一个数字,以便您可以在 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 正则表达式通常不好。

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

4

4 回答 4

1

由于 localStorage 将所有项目存储为字符串,因此开发人员可以跟踪用于索引该数据的键。实际文件在上传时不会重复;只有密钥会被复制。
也就是说,我将为每个上传的文件附加一个唯一的 ID,如下所示:

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

然后将文件名作为键存储在本地存储中,值将是您现在的“版本”,例如:

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

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

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);
于 2013-02-23T16:43:14.820 回答
1

您可能有超过 2 个同名文件

var title= $('#file')[0].files[0]["name"];
if(localStorage.getItem(title)){
    var n= 1;
    while(localStorage.getItem(title+n)) n+= 1;
    title= title+n;
}
localStorage.setItem(title, data);
于 2013-02-23T16:43:38.860 回答
0

您不能将文件存储在数组中吗?像这样的东西(徒手):

if (localStorage.getItem(title)) {
    var files = JSON.parse(localStorage[title]);
    files.push(data);
    localStorage.setItem(title, JSON.stringify(files);
} else
    localStorage.setItem(title, JSON.stringify([data]));
于 2013-02-23T16:28:47.690 回答
0

如果您确实决定通过 RegEx 路线,这将在标题字符串的末尾找到一个数字,然后将其增加 1 -

var title = "hello.pdf1"

if (title.match(/(\d+)$/)) {
    var number = parseInt(title.match(/(\d+)$/)[1],10) + 1;
} else {
    var number = "1";
}
于 2013-02-23T16:29:33.857 回答