转义字符串中的反斜杠 - javascript

Question

我需要显示当前选定文件的名称（在 元素中）。

一切都很好，唯一的问题是我得到这种字符串“C:\fakepath \typog_rules.pdf”（浏览器自动将其作为输入元素的值）。

当我尝试按 '\' 或 '\\' 分割字符串时，它失败 这个问题吗？我需要这个至少在 Opera 和 IE 中工作（因为在其他浏览器中我可以使用 FileReader）。

因为未转义斜杠，尝试匹配/替换斜杠也失败了，有办法解决 “C:\fakepath\typog_rules.pdf”作为输入，并希望获得“typog_rules.pdf”作为输出。

Answer 1

转义反斜杠字符。

foo.split('\\')

Answer 2

我认为这更接近您正在寻找的答案：

<input type="file">

$file = $(file);
var filename = fileElement[0].files[0].name;

Answer 3

有点 hacky，但它有效：

const input = '\text';
const output = JSON.stringify(input).replace(/((^")|("$))/g, "").trim();

console.log({ input, output });
// { input: '\text', output: '\\text' }

Answer 4

向元素添加一个输入 id 并执行类似的操作：

document.getElementById('inputId').value.split(/[\\$]/).pop()

Answer 5

出于安全原因，无法获取通过 元素引用的文件的真实完整路径。

这个问题已经提到过，并链接到有关此主题的其他 Stack Overflow 问题。

---

^{Previous answer, kept as a reference for future visitors who reach this page through the title, tags and question.}
The backslash has to be escaped.

string = string.split("\\");

在 JavaScript 中，反斜杠用于转义特殊字符，例如换行符 (\n)。如果要使用文字反斜杠，则必须使用双反斜杠。

因此，如果要匹配两个反斜杠，则必须使用四个反斜杠。例如，alert("\\\\") 将显示一个包含两个反斜杠的对话框。