Skip to content

Conversation

@CodeWithBehnam
Copy link
Owner

Summary

  • Adds a "Browse" button to the ImageSourceNode that opens the native file picker
  • Users can now load images from local storage using the file browser
  • The button is always visible at the bottom of the drop zone

Changes

  • Add hidden file input element for native file picker dialog
  • Draw Browse button in the drop zone area with blue styling
  • Handle click events on the button to trigger file selection
  • Clean up file input element when node is removed
  • Update placeholder text to mention the browse option

Test plan

  • Add an ImageSourceNode to the canvas
  • Click the "Browse" button - file picker should open
  • Select an image file - it should load and display in the node
  • Remove the node and add a new one - browse functionality should still work
  • Drag and drop still works
  • Paste from clipboard still works

Behnam Ebrahimi

- Add hidden file input element for native file picker
- Draw Browse button in the drop zone area
- Handle click events on the browse button to trigger file selection
- Clean up file input when node is removed
- Update placeholder text to mention browse option

Co-Authored-By: Behnam & Claude Code
@CodeWithBehnam CodeWithBehnam merged commit 7b0af55 into main Dec 25, 2025
2 checks passed
@CodeWithBehnam CodeWithBehnam deleted the feat/image-source-file-browser branch December 25, 2025 18:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants