javascript - 使用 JavaScript 转义动态字符串中的撇号

Question

我有一个使用 .NET 动态生成的文件名列表 Directory.Enumerate 。每当我尝试查看包含撇号的文件并尝试渲染它时，字符串就会在 ' 处被切断。 。我尝试使用 string.replace 但它没有帮助。一个例子是 \\shared_directory\PDFs\Resumes\...\O'Greene_Rick G.pdf 。当我尝试使用 PDF.js 打开文件时，出现错误 Message: Unexpected server response (0) while retrieving PDF "http://shared_directory/Uploads/Resumes/.../O/" .

javascript

 $('.file').on('click touchend', function (e) {
        e.preventDefault();
        if ($(this).hasClass('disabled'))
            return;
        var path = $(this).data('path').replace(/'/g, "\\'").replace("\\\\", "http://").replace("@pdfFolder", "Uploads");

cshtml

 foreach (var file in combinedFiles.OrderBy(f=> Path.GetFileNameWithoutExtension(f)).Where(f => Path.GetFileName(f).ToUpper().ToCharArray()[0] == letter))
 {
    <li class="file" data-path="@file" data-lastname="@Path.GetFileNameWithoutExtension(file).Split('_').Last() " data-name="@Path.GetFileNameWithoutExtension(file).Split('_').First() ">@Truncate(Path.GetFileNameWithoutExtension(file).Replace("_", ", "), 27)</li>
 }

生成的 html 项目

<li class="file" data-path="\\shared_directory\PDFs\Resumes\O'Greene_Rick G.pdf" data-lastname="Rick G " data-name="O'Greene ">O'Greene, Rick G</li>

Answer 1

我可以通过将 ' 替换为 %27 来解决该问题。

data-path="@file.Replace("'","%27")"