如何将Flutter Web的file_picker选择内容保存到主机目录

先给你划个重点：Flutter Web 本身是前端运行环境，受浏览器沙箱限制，根本没法直接写入服务器的文件系统，必须靠后端或托管平台的能力中转。结合你用SharePoint托管的场景，给你几个适配的方案：

方案1：直接用SharePoint自带的文件上传能力（最适配你的环境） #

SharePoint本身就有文件管理的接口，不用额外搭API，直接调用它的REST API把文件传到SharePoint的文档库就行——虽然不是传统意义上的./uploads目录，但完全满足你“上传到自己企业环境”的需求：

• 先确认你要上传到的SharePoint文档库的路径或ID
• 用dart:html的File对象读取用户选的文件内容
• 调用SharePoint的文件上传接口，把文件二进制数据发过去

核心代码示例：

import 'dart:html' as html;
import 'dart:typed_data';
import 'dart:convert';

Future<void> uploadToSharePoint() async {
  // 弹出文件选择框
  final input = html.FileUploadInputElement()..accept = '*/*';
  input.click();
  await input.onChange.first;
  
  // 获取选中的文件
  final file = input.files!.first;
  final reader = html.FileReader();
  await reader.readAsArrayBuffer(file);
  final fileBytes = reader.result as Uint8List;
  
  // 替换成你的SharePoint站点地址和目标文档库路径
  final uploadUrl = 'https://your-sharepoint-site/_api/web/getfolderbyserverrelativeurl(\'Shared Documents\')/files/add(overwrite=true,url=\'${file.name}\')';
  
  // 先获取SharePoint的请求摘要（必填）
  final digest = await _getSharePointRequestDigest();
  
  // 发送上传请求
  final request = html.HttpRequest();
  request.open('POST', uploadUrl);
  request.setRequestHeader('Accept', 'application/json;odata=verbose');
  request.setRequestHeader('X-RequestDigest', digest);
  request.send(fileBytes);
  
  await request.onLoad.first;
  if (request.status == 200) {
    print('文件上传成功');
  } else {
    print('上传失败：${request.responseText}');
  }
}

// 获取SharePoint请求摘要的工具方法
Future<String> _getSharePointRequestDigest() async {
  final request = html.HttpRequest();
  request.open('POST', 'https://your-sharepoint-site/_api/contextinfo');
  request.setRequestHeader('Accept', 'application/json;odata=verbose');
  request.send();
  
  await request.onLoad.first;
  final responseJson = jsonDecode(request.responseText!);
  return responseJson['d']['GetContextWebInformation']['FormDigestValue'];
}

方案2：前端本地存储模拟“目录”（仅前端可用，适合临时存） #

如果只是需要在前端临时存文件，不需要其他用户访问，可以用浏览器的IndexedDB或者LocalStorage（LocalStorage只适合小文件）：

• 用FileReader把文件转成Base64或二进制数据
• 把文件的名称、类型、内容一起存在IndexedDB里
• 之后可以在前端展示或下载这些文件，但只有当前浏览器能看到，刷新后数据会保留（除非清缓存）

方案3：用Serverless函数搭极简上传接口（如果企业允许） #

如果你的环境能绑定Serverless函数（比如Azure Functions、AWS Lambda这类），可以整个超简单的接口，只做一件事：接收前端发的文件，写入到托管平台的指定目录（对应你要的./uploads）：

• 前端用dart:html的HttpRequest把文件二进制数据发给这个函数
• 函数内部把文件写到平台的存储目录里

必须说明的点 #

• Flutter Web前端绝对不可能直接写入服务器的./uploads目录，浏览器沙箱根本不允许前端碰服务器的文件系统，必须通过后端或平台能力中转
• 你的SharePoint场景下，优先选方案1，不用额外搭服务，直接用原生能力就行

内容的提问来源于stack exchange，提问作者jparanich