Arrow icon
See all demos

Upload Image to Stencil

Do you want users to be able to upload an image directly into the stencil? Drag and drop a stencil element into a diagram and be able to view the original image in the LightBox? See this simple CodePen example.
Demo instructions
Upload the image to the stencil, drag the image into the diagram and click on it to display it in a LightBox.
How to upload image to the JointJS stencil

Made with JointJS+

Only available with the JointJS+ commercial license in the apps/ directory of your package. Don't have a license yet? Start a trial and use the source code of all our demos for free, with no strings attached, for 30 days.

Made with JointJS

Available in the JointJS open-source library which helps developers create simple visual applications in less time.

Speed up your development with a powerful library

Leverage a time-tested JavaScript diagramming library using the best of HTML5 and SVG to accelerate your development.