Photo upload via "Camera", vs "Gallery"

I made an application that does a file upload from a camera. Very common. When I select the "Gallery" option and upload from an existing photo, it works fine. If I select the "Camera" option, and take a new photo, the photo doesn't appear. The permissions appear to be fine.

I even made a test url on the site, to rule out that it wasn't my upload javascript. This the test javascript I am using.

  <h1>File Upload Debugging</h1>
  <input type="file" id="file-input">
  <div id="file-info"></div>

  <script>
    const fileInput = document.getElementById('file-input');
    const fileInfo = document.getElementById('file-info');

    fileInput.addEventListener('change', function(event) {
      const file = event.target.files[0];

      if (file) {
        const fileName = file.name;
        const fileSize = file.size;
        const fileType = file.type;

        fileInfo.innerHTML = `
          <p><strong>File Name:</strong> ${fileName}</p>
          <p><strong>File Size:</strong> ${fileSize} bytes</p>
          <p><strong>File Type:</strong> ${fileType}</p>
        `;
      } else {
        fileInfo.innerHTML = '<p>No file selected.</p>';
      }
    });
  </script>

Thoughts? How do I start debugging why I can upload via Gallery, but can't upload a new photo? I have an Galaxy Note 20