WordPress Plugin for Medical Imaging
Near-Professional DICOM viewing,
right inside WordPress.
Display medical imaging — CT, MRI, X-ray, ultrasound — directly on your WordPress site with a browser-based DICOM viewer. No software to install. No PACS server required. Just upload and embed.
Core Features
Everything you need to display DICOM on the web
A complete DICOM viewing solution for WordPress — from upload to display, with professional-grade tools and enterprise security built in.
Interactive Viewer
Pan, zoom (0.1x–20x), and Window/Level adjustment with mouse or touch. Navigate slices with scroll wheel or the built-in scrollbar. Professional controls, zero learning curve.
Multi-Series Support
Upload entire studies — the viewer automatically groups files by Series UID and sorts slices by position. Switch between series with a click.
Cine Playback
Animate through multi-frame DICOM series with play/pause control. Auto-loops at 10 FPS with a real-time frame counter — ideal for dynamic studies and CT scrolling.
Protected File Serving
Original filenames are scrambled to random hex on upload. Optional rewrite-rule serving via /dv-file/{id}/ with per-file access control: public, logged-in, or admin only.
Gutenberg Block
Drag-and-drop a DICOM viewer into any post or page. Pick files from the Media Library, set custom height, and see a live preview — all inside the block editor.
Shortcode & Classic Editor
[dicom_viewer id=”123″] — drop a viewer anywhere. Configure height, width, and download button visibility per instance. Classic Editor gets a dedicated media button.
Interactive Viewer
Radiology-workstation controls, delivered in the browser
Every tool a radiologist expects — pan, zoom, Window/Level contrast, slice navigation, and cine playback — rendered on an HTML5 Canvas with offscreen buffer caching for silky-smooth performance. No plugins, no Java applets, no downloads.
- Pan with grab cursor, zoom from 0.1x to 20x magnification
- Window/Level drag adjustment — horizontal for width, vertical for center
- Quick zoom and W/L buttons for fine-tuned ±25% / ±10% adjustments
- Slice scrollbar with visual position indicator and mouse wheel support
- One-click reset to restore original viewport state
Format Support
Every major DICOM transfer syntax, handled client-side
From uncompressed Implicit VR Little Endian to JPEG 2000 Lossless — the viewer decodes everything in the browser. JPEG 2000 uses a WebAssembly-powered OpenJPEG decoder for native-speed performance. ZIP archives are extracted on the fly with JSZip.
- Uncompressed: Implicit VR LE, Explicit VR LE, Explicit VR BE
- JPEG Baseline (Process 1, 2 & 4)
- JPEG Lossless (Process 14, First-Order Prediction)
- JPEG 2000 Lossless & Lossy via OpenJPEG WASM
- ZIP archive support — upload a .zip, viewer finds the .dcm files automatically
- 8-bit and 16-bit pixel data with rescale slope/intercept
// Transfer Syntax Detection
const syntax = detectTransferSyntax(uid);
// Supported formats:
✓ Implicit VR Little Endian
✓ Explicit VR Little Endian
✓ Explicit VR Big Endian
✓ JPEG Baseline (Process 1)
✓ JPEG Extended (Process 2 & 4)
✓ JPEG Lossless (Process 14)
✓ JPEG 2000 Lossless
✓ JPEG 2000 Lossy
// WASM decoder loaded on demand
await loadOpenJPEG();
Security & Privacy
Filename obfuscation and access control, out of the box
Medical images contain sensitive data. DICOM Viewer protects them at every layer: original filenames are scrambled to random hex strings on upload, files can be served through a permission-gated rewrite endpoint, and access levels are configurable per file.
- Filename obfuscation — original names replaced with random hex, preserved in metadata
- Protected serving via /dv-file/{id}/ rewrite rule (optional, toggle in settings)
- Per-file access control: Public, Logged In, or Admin only
- Secure MIME type validation and attachment post-type verification
- Original filename preserved in post meta for download display
Settings > DICOM Viewer
Protected File Serving
Default Viewer Height
Show Download Button
Filenames are automatically scrambled on upload
Gutenberg Block Editor
DICOM Viewer
Select a DICOM file from the Media Library
WordPress Integration
Three ways to embed — Gutenberg block, shortcode, or classic editor
The Gutenberg block lets you pick a DICOM file from the Media Library with a visual preview. The shortcode gives you full control with parameters for height, width, and download visibility. The Classic Editor gets a dedicated toolbar button that opens a file picker.
- Gutenberg block with Media Library picker and live preview
- shortcode with height, width, show_download params
- [dicom_viewer url=”https://…”] for external DICOM file URLs
- Classic Editor media button with dedicated file selection modal
- Dynamic server-side rendering — assets loaded only when block is on page
supported client-side
magnification
classic editor
public, logged in, admin
How It Works
From upload to display in three steps
No server-side rendering, no PACS infrastructure, no third-party accounts. Install the plugin and start embedding DICOM files immediately.
Upload DICOM Files
Upload .dcm files or ZIP archives through the WordPress Media Library. Filenames are automatically scrambled for privacy and the original name is preserved in metadata.
Embed the Viewer
Add a DICOM Viewer block in Gutenberg, use the shortcode, or click the toolbar button in the Classic Editor. Pick your file and configure the height.
View & Interact
Visitors see a professional DICOM viewer with pan, zoom, W/L, slice navigation, and cine playback. Multi-series studies display a thumbnail sidebar automatically. No software to install.
FAQ
Common questions answered
DICOM Viewer
Bring medical imaging to your WordPress site.
Professional-grade DICOM viewing for hospitals, clinics, telehealth platforms, medical education sites, and veterinary practices. Upload, embed, and let your visitors interact with diagnostic imaging directly in the browser.
webdevelop.hu · Built on WordPress · PHP 8.0+ · Requires WordPress 6.4+