如何在JavaFX Scene Builder中判断动作来源，实现对应数据存储

这是表单交互里很常见的场景，核心思路就是给每个按钮加上唯一标识，然后在文件选择的后续逻辑里，带着这个标识去区分要操作的数据库列。下面给你几个实用的实现方案：

方案1：给按钮添加自定义属性（最灵活） #

给两个按钮分别设置data-*自定义属性或者唯一id，用来标记对应的人员：

<!-- 人员1的上传按钮 -->
<button data-person="1" class="id-card-btn">上传人员1身份证</button>
<!-- 人员2的上传按钮 -->
<button data-person="2" class="id-card-btn">上传人员2身份证</button>

接着在绑定事件时，通过事件对象拿到当前按钮的标识，再传递到文件处理逻辑里：

// 给所有上传按钮绑定点击事件
document.querySelectorAll('.id-card-btn').forEach(btn => {
  btn.addEventListener('click', function() {
    // 获取当前按钮对应的人员标识
    const personTag = this.dataset.person;
    // 触发文件选择器
    const fileInput = document.createElement('input');
    fileInput.type = 'file';
    fileInput.accept = 'image/*';

    fileInput.addEventListener('change', function() {
      if (this.files.length === 0) return;
      // 注意：浏览器无法获取本地真实路径，这里用文件名示例，实际是上传到服务器后拿存储路径
      const fileStoragePath = `/uploads/id_cards/person${personTag}_${this.files[0].name}`;
      
      // 根据人员标识选择数据库列
      const targetColumn = personTag === '1' ? 'person1_id_card_path' : 'person2_id_card_path';
      // 调用数据库存储逻辑
      saveToDb(targetColumn, fileStoragePath);
    });

    fileInput.click();
  });
});

// 模拟数据库存储函数
function saveToDb(columnName, path) {
  console.log(`已将路径 ${path} 存入数据库列 ${columnName}`);
  // 这里替换成你的实际数据库操作，比如后端接口请求
}

方案2：给每个按钮绑定独立的事件函数（适合简单场景） #

如果你的逻辑不复杂，也可以直接给每个按钮写单独的回调，天然就能区分：

<button id="btn-person1">上传人员1身份证</button>
<button id="btn-person2">上传人员2身份证</button>

// 人员1的上传逻辑
document.getElementById('btn-person1').addEventListener('click', () => {
  handleUpload('person1_id_card_path');
});

// 人员2的上传逻辑
document.getElementById('btn-person2').addEventListener('click', () => {
  handleUpload('person2_id_card_path');
});

// 通用文件处理函数
function handleUpload(targetColumn) {
  const fileInput = document.createElement('input');
  fileInput.type = 'file';
  fileInput.accept = 'image/*';

  fileInput.addEventListener('change', function() {
    if (this.files.length > 0) {
      const storagePath = `/uploads/id_cards/${this.files[0].name}`;
      saveToDb(targetColumn, storagePath);
    }
  });

  fileInput.click();
}

重要提醒 #

浏览器出于安全限制，无法获取用户本地文件的绝对路径，你只能拿到文件对象和文件名。实际项目中，正确的流程是：把文件上传到服务器，拿到服务器返回的存储路径（比如云存储地址或服务器本地路径），再把这个路径存入数据库对应的列。

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