WEB JS 选择本地手机录音文件上传

Web应用程序想要让用户通过JavaScript选择并上传本地的手机录音文件，通常会利用HTML5的File API和现代浏览器的支持，如`<input type="file">`元素结合`FormData`对象。以下是基本步骤：

1. **创建输入元素**：

   <input type="file" accept="audio/*" id="selectAudio">

`accept`属性指定允许的文件类型，这里只接受音频文件。

2. **添加事件监听**：

   document.getElementById('selectAudio').addEventListener('change', function(event) {
     const file = event.target.files[0];
     if (file.type.match('audio')) {
       // 接下来的处理音频文件
     }
   });

3. **读取文件内容**：
使用`URL.createObjectURL()`生成一个临时的URL，然后可以用这个URL作为`FormData.append()`方法的参数，将文件添加到表单数据中：

   const reader = new FileReader();
   reader.onload = function(e) {
     const audioData = e.target.result;
     formData.append('audio', file, file.name);
   };
   reader.readAsArrayBuffer(file);

4. **提交表单**：
使用`fetch`或XMLHttpRequest将包含录音文件的数据发送到服务器端，例如使用`fetch`:

   fetch('/api/upload', {
     method: 'POST',
     body: formData,
   })
   .then(response => response.json())
   .catch(error => console.error(error));

请注意，由于安全性和隐私原因，不是所有的浏览器都支持直接获取录音文件，且某些环境可能需要额外的权限请求。此外，服务器端还需要处理接收和存储这些音频文件。