Not able to attach file in specific field frappe builder

    if (file) {
      const formData = new FormData();
      formData.append('file', file);
      formData.append('is_private', 0);
      formData.append('doctype', 'Job Assessment Response');   // Adjust to your actual DocType
      formData.append('docname', insertJobRes);     // ← Using returned value here
      formData.append('filename', file.name)
      formData.append('fieldname',"response")

      return fetch('/api/method/upload_file', {
        method: 'POST',
        headers: {
          "X-Frappe-CSRF-Token": frappe.csrf_token,
          "Accept": "application/json"
        },
        body: formData
      });
    } else {
      return Promise.resolve();
    }
  })
  .then(uploadResp => {
    if (uploadResp && uploadResp.ok) {
      return uploadResp.json().then(() => {
        alert("File uploaded successfully");
      });
    } else if (uploadResp) {
      console.error("File upload failed");
    }
  })
  .catch(error => console.error('Error:', error));

In fiile doctype it gets stored but not able to view in document


image

Created server script to store file url of the file which was uploaded to the attach field of the doctype