默认情况下，不启用在 Chromium 实例启动时file:使用XMLHttpRequest()或<link>没有--allow-file-access-from-files设置标志的元素访问协议。

--allow-file-access-from-files

默认情况下，file:// URI 无法读取其他 file:// URI。对于需要旧行为进行测试的开发人员来说，这是一个覆盖。

目前，由于安全策略，Chromium 无法通过 ajax 读取本地文件--allow-file-access-from-files。但我目前需要创建一个 web 应用程序，其中数据库是一个 xml 文件（在极端情况下，json），位于一个带有 index.html 的目录中。据了解，用户可以在本地运行该应用程序。是否有读取 xml- (json-) 文件的解决方法，而无需将其包装在函数中并更改为 js 扩展名？

如果用户知道应用程序要使用<input type="file">本地文件，您可以利用用户元素从用户本地文件系统上传文件，使用 处理文件FileReader，然后继续应用程序。

否则，建议用户使用应用程序需要启动带有--allow-file-access-from-files标志的铬 ，这可以通过为此目的创建启动器来完成，为铬的实例指定不同的用户数据目录。启动器可以是，例如

/usr/bin/chromium-browser --user-data-dir="/home/user/.config/chromium-temp" --allow-file-access-from-files

另请参阅如何使 Google Chrome 标志“--allow-file-access-from-files”永久化？

上面的命令也可以运行在 terminal

$ /usr/bin/chromium-browser --user-data-dir="/home/user/.config/chromium-temp" --allow-file-access-from-files

无需创建桌面启动器；当铬的实例关闭时运行

$ rm -rf /home/user/.config/chromium-temp

删除铬实例的配置文件夹。

设置标志后，用户可以包含<link>具有rel="import"属性并href指向本地文件的元素并type设置为"application/xml"，用于XMLHttpRequest获取文件以外的选项。访问XML document使用

const doc = document.querySelector("link[rel=import]").import;

请参阅是否有办法知道链接/脚本是否仍处于挂起状态或是否已失败。

另一种选择，虽然更多，但将使用requestFileSystemto 将文件存储在LocalFileSystem.

看

• 如何在文件中使用 webkitRequestFileSystem：协议
• jQuery 文件上传插件：是否可以保留上传文件夹的结构？
• 如何使用 JavaScript 写入文件（用户目录）？

或创建或修改 Chrome 应用程序并使用

chrome.fileSystem

请参阅GoogleChrome/chrome-app-samples/filesystem-access。

最简单的方法是提供一种通过肯定的用户操作上传文件的方法；处理上传的文件，然后继续应用程序。

const reader = new FileReader;

const parser = new DOMParser;

const startApp = function startApp(xml) {
  return Promise.resolve(xml || doc)
};

const fileUpload = document.getElementById("fileupload");

const label = document.querySelector("label[for=fileupload]");

const handleAppStart = function handleStartApp(xml) {
  console.log("xml document:", xml);
  label.innerHTML = currentFileName + " successfully uploaded";
  // do app stuff
}

const handleError = function handleError(err) {
  console.error(err)
}

let doc;
let currentFileName;

reader.addEventListener("loadend", handleFileRead);

reader.addEventListener("error", handleError);

function handleFileRead(event) {
  label.innerHTML = "";
  currentFileName = "";
  try {
    doc = parser.parseFromString(reader.result, "application/xml");
    fileUpload.value = "";

    startApp(doc)
    .then(function(data) {
        handleAppStart(data)
    })
    .catch(handleError);
  } catch (e) {
    handleError(e);
  }
}

function handleFileUpload(event) {
  let file = fileUpload.files[0];
  if (/xml/.test(file.type)) {
    reader.readAsText(file);
    currentFileName = file.name;
  }
}

fileUpload.addEventListener("change", handleFileUpload)

<input type="file" name="fileupload" id="fileupload" accept=".xml" />
<label for="fileupload"></label>

利用 document.implementation.createDocument("", "", null)

而不是new ActiveXObject('Microsoft.XMLDOM').

您可以通过 GOOGLE 找到 API。祝你好运。

如果我理解正确，交付物旨在在本地运行，因此您将无法为用户计算机上的本地文件访问设置任何标志。我在紧要关头做的事情是将其打包为带有类似nw.js的可执行文件并保留外部数据文件。否则，您可能正在查看使用 JS 文件中的 JSON 模式作为脚本加载。

我以前也遇到过类似的问题。我通过使用 PHP 将 XML 文件简单地嵌入到 HTML 中解决了这个问题。由于应用程序是从磁盘本地加载的，大小、缓存等都不是问题。

如果您使用的是 Webpack，则可以改为使用类似this或this的加载器直接导入文件，在这种情况下，该文件将包含在生成的捆绑 javascript 中。

您可以使用DOMParser通过一串文本加载 XML ，只需加载您的文件并使用.parseFromString. 您可以使用 if 语句包含(window.DOMParser)检查是否支持 DOMParser