File Status: uploading，File Status: done，VM37572 SubmitPhoto.vue:65 Upload failed with response code: 204 没有选择上传的文件怎么解决

从您提供的信息来看，存在几个关键问题：

1. **File Status: uploading**：表示文件开始上传。
2. **File Status: done**：表示文件上传完成。
3. **Upload failed with response code: 204**：尽管文件上传完成，但服务器返回了状态码 `204 No Content`。
4. **没有选择上传的文件**：控制台中出现了此错误日志，表示未成功获取到上传的文件对象。

### 解决方案

1. **检查文件选择逻辑**：
- 确保在文件选择时，正确地将文件对象传递给 `fileList` 和 `handleUploadChange` 方法。
- 验证 `file.originFileObj` 是否存在。如果不存在，需要检查文件选择和上传的整个流程是否有遗漏或错误。

2. **检查服务器响应**：
- 当服务器返回 `204 No Content` 时，表示请求已成功处理，但没有返回任何数据。这通常意味着服务器端的处理是成功的，但没有返回预期的数据（如 URL 或 ID）。
- 在服务器端，确保在文件上传成功后返回一个包含文件 URL 和 ID 的 JSON 响应。例如：

     {
       "code": 200,
       "url": "https://example.com/path/to/file.jpg",
       "id": 12345
     }

3. **修改前端代码**：
- 在 `handleUploadChange` 方法中，添加更详细的日志输出，以便更好地调试。
- 以下是一段修改后的代码示例：

     methods: {
       handleUploadChange({ file, fileList }) {
         this.fileList = fileList;
         console.log("File Status:", file.status);
         console.log("File Object:", file);

         if (!file || !file.originFileObj) {
           console.error("没有选择上传的文件");
           return;
         }

         if (file.status === 'done') {
           if (file.response) {
             if (file.response.code === 200) {
               const { url, id } = file.response;
               this.tableData.push({ id, url });
               console.log("Upload successful. Added entry:", { id, url });
             } else {
               console.error("Upload failed with response code:", file.response.code, file.response.message);
             }
           } else {
             console.error("File response is undefined. Please check the server response.");
           }
         } else if (file.status === 'error') {
           console.error("Upload failed:", file);
         }
       },
     },

通过这些步骤，您可以更好地诊断和解决问题，并确保文件上传过程中的各个步骤都能正常工作。