js获取手机本地的文件

在JavaScript中，由于同源策略的限制，直接从Web页面访问用户设备（如手机）的本地文件系统是不可行的。这主要是出于安全考虑，防止恶意网站读取或修改用户的私人文件。然而，你可以使用一些现代浏览器提供的权限API，比如FileReader API 和 Web Storage（包括localStorage和sessionStorage），在某些特定场景下与用户交互。

- `FileReader` API：允许你在前端读取用户选择的文件内容，比如图片或文本。用户需要点击一个按钮触发文件选择对话框：

<input type="file" id="fileInput">
<script>
    document.getElementById('fileInput').addEventListener('change', function(e) {
        var file = e.target.files[0];
        if (file) {
            var reader = new FileReader();
            reader.onloadend = function() {
                console.log(reader.result); // 这里会得到文件的内容
            };
            reader.readAsText(file);
        }
    });
</script>

- 使用`getUserMedia`和`URL.createObjectURL`可以在音频和视频流上操作，但这并不意味着可以直接访问本地文件。

对于手机应用（如PWA或Hybrid App），则通常需要借助原生API（如Android的Intent或iOS的UIActivityViewController）来处理文件操作。