Firefox 125.0.3升级后jsmediatags本地运行异常求助

先尝试调整Firefox配置项 #

Firefox 125.0.3可能对本地文件的XHR访问新增了限制，除了你之前设置的两项，还可以尝试添加以下配置：

• 在about:config中找到security.fileuri.xhr.open_allow_for_all，设置为true，这个配置控制本地文件URI是否允许XHR请求。
• 检查privacy.file_unique_origin，如果值为true，改为false，该配置会让所有本地文件共享同一个origin，避免跨源验证问题。

若配置调整无效，修改jsmediatags的使用方式 #

jsmediatags默认通过XHR读取本地文件路径，而新版本Firefox对本地XHR的限制更严格，你可以改用File API直接读取文件对象，绕开XHR限制：

1. 在HTML中添加文件选择控件：

   <input type="file" id="mediaFile" accept="audio/*,video/*">
   

2. 修改JS代码，获取用户选择的File对象并传入jsmediatags：

   document.getElementById('mediaFile').addEventListener('change', function(e) {
     const file = e.target.files[0];
     if (file) {
       jsmediatags.read(file, {
         onSuccess: function(tag) {
           // 处理标签数据
           console.log(tag);
         },
         onError: function(error) {
           console.error('读取标签失败:', error);
         }
       });
     }
   });
   

这种方式不需要依赖本地文件路径的XHR请求，完全在浏览器的File API环境下运行，兼容性更好。

更稳定的替代方案 #

长期来看，Firefox会持续收紧本地文件的安全限制，改配置的方法可能在后续版本失效。建议直接用本地HTTP服务器运行你的程序：

• 比如用Python内置的服务器：在项目目录执行python -m http.server 8000，然后在Firefox中访问http://localhost:8000，这样和部署到远程服务器的环境一致，不会有本地文件的权限问题。

内容的提问来源于stack exchange，提问作者R.E. Tired