如何在Google Picker上传文件时自定义文件名？

嘿，我懂你想在Google Picker上传文件时自定义文件名的需求！Google Picker自带的上传视图本身没直接提供自定义文件名的配置，但咱们可以结合Drive API来实现这个功能，下面是具体的调整方案：

1. 调整Picker配置，添加上传视图并绑定回调 #

首先得确保你的Picker里包含上传视图，并且设置好回调函数，这样才能在用户上传完成后触发重命名操作。修改你的createPicker函数：

function createPicker() {
  if (pickerApiLoaded && oauthToken) {
    // 创建上传视图，可指定默认上传的父文件夹
    const uploadView = new google.picker.DocsUploadView()
      .setIncludeFolders(true)
      .setParent('root'); // 换成你需要的文件夹ID，root代表根目录

    const picker = new google.picker.PickerBuilder()
      .enableFeature(google.picker.Feature.SUPPORT_TEAM_DRIVES)
      .addView(new google.picker.DocsView()) // 保留现有文件选择视图
      .addView(uploadView) // 添加上传视图
      .setOAuthToken(oauthToken)
      .setDeveloperKey(developerKey) // 记得替换成你的开发者密钥
      .setCallback(pickerCallback) // 设置处理结果的回调
      .build();
    picker.setVisible(true);
  }
}

2. 编写回调函数，完成上传后的重命名 #

当用户上传完文件，Picker会返回新文件的元数据，咱们就在回调里调用Drive API的files.update接口来修改文件名：

function pickerCallback(data) {
  if (data[google.picker.Response.ACTION] === google.picker.Action.PICKED) {
    const selectedDoc = data[google.picker.Response.DOCUMENTS][0];
    // 判断是否是刚上传的新文件（新文件会带有IS_NEW标记）
    if (selectedDoc[google.picker.Document.IS_NEW]) {
      const fileId = selectedDoc[google.picker.Document.ID];
      // 这里替换成你想要的自定义文件名，也可以改成用户输入的内容
      const customName = "我的自定义文件名称";

      // 调用Drive API重命名
      gapi.client.drive.files.update({
        fileId: fileId,
        resource: {
          name: customName
        }
      }).then(res => {
        console.log(`文件已成功重命名为：${customName}`);
        // 这里可以加用户提示，比如弹出成功消息
      }).catch(err => {
        console.error("重命名失败：", err);
        // 处理错误情况，比如权限不足、文件名重复等
      });
    } else {
      // 处理用户选择现有文件的逻辑
      console.log("用户选择了现有文件：", selectedDoc);
    }
  }
}

3. 必备的前置检查 #

• 确保你的Google Cloud项目已经启用了Google Drive API（去Cloud Console的API库搜索开启）
• 你的OAuth授权范围必须包含https://www.googleapis.com/auth/drive，不然没有权限修改文件属性

额外小提示 #

如果想让用户自己输入文件名，可以在上传前弹出一个输入框，把用户输入的内容作为customName的值，这样更灵活~

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