View and share DICOM images in any browser

https://smartjoans.space/dicom/?title=Chest%20X-ray&url=https%3A%2F%2Fpacs.example.com%2Fimages%2Fchest-pa.dcm&url=https%3A%2F%2Fpacs.example.com%2Fimages%2Fchest-lat.dcm

https://smartjoans.space/dicom/?manifest=https%3A%2F%2Fpacs.example.com%2Fmanifest.php%3Fstudy%3D1234

{
  "title": "CT Brain - 12 Oct 2026",
  "files": [
    { "name": "IM0001.dcm", "url": "https://pacs.example.com/file.php?study=1234&f=IM0001.dcm", "size": 525312 },
    { "name": "IM0002.dcm", "url": "file.php?study=1234&f=IM0002.dcm", "size": 525312 }
  ]
}

<script src="https://smartjoans.space/dicom/smartviewer.js"></script>

<button id="view">View images</button>

<script>
document.getElementById('view').addEventListener('click', () => {
  SmartViewer.open({
    title: 'CT Brain - Ravi Kumar',
    files: [
      '/studies/1234/IM0001.dcm',          // addresses your page can read
      '/studies/1234/IM0002.dcm',
      '/studies/1234/IM0003.dcm'
    ]
  });
});
</script>

<input type="file" multiple
       onchange="SmartViewer.open({ title: 'My study', files: [...this.files] })">

button.addEventListener('click', async () => {
  // your own script returns ["IM1.dcm","IM2.dcm",...]
  const list = await fetch('/api/study-files.php?uid=' + encodeURIComponent(uid)).then(r => r.json());

  SmartViewer.open({
    title: patientName,
    files: list.map(name => '/api/study-file.php?uid=' + encodeURIComponent(uid) + '&f=' + encodeURIComponent(name))
  });
});

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="https://smartjoans.space" />
      </customHeaders>
    </httpProtocol>
    <staticContent>
      <remove fileExtension=".dcm" />
      <mimeMap fileExtension=".dcm" mimeType="application/dicom" />
    </staticContent>
  </system.webServer>
</configuration>

<IfModule mod_headers.c>
  Header set Access-Control-Allow-Origin "https://smartjoans.space"
</IfModule>
AddType application/dicom .dcm

location /studies/ {
    add_header Access-Control-Allow-Origin "https://smartjoans.space" always;
    types { application/dicom dcm; }
}

header('Access-Control-Allow-Origin: https://smartjoans.space');

<a href="https://smartjoans.space/dicom/?manifest=https%3A%2F%2Fpacs.example.com%2Fmanifest.php%3Fstudy%3D1234"
   target="_blank" rel="noopener">View images</a>

// Build the link from your list address and open it
const listUrl = 'https://pacs.example.com/manifest.php?study=' + encodeURIComponent(studyId);
const viewer  = 'https://smartjoans.space/dicom/?manifest=' + encodeURIComponent(listUrl);

window.open(viewer, '_blank');          // new tab
// or: window.location.href = viewer;  // same tab

<?php
// 1. Check your own login / permission here.

$study   = preg_replace('/[^A-Za-z0-9._-]/', '', $_GET['study'] ?? '');
$listUrl = 'https://pacs.example.com/manifest.php?study=' . rawurlencode($study);

// 2. Send the browser to SmartViewer
header('Location: https://smartjoans.space/dicom/?manifest=' . rawurlencode($listUrl));
exit;

<?php
header('Access-Control-Allow-Origin: https://smartjoans.space');
header('Content-Type: application/json');

$root  = 'D:/studies/';                                         // your images folder
$study = preg_replace('/[^A-Za-z0-9._-]/', '', $_GET['study'] ?? '');
$dir   = $root . $study;

if ($study === '' || !is_dir($dir)) {
    echo json_encode(['status' => 'error', 'message' => 'Study not found']);
    exit;
}

$files = [];
foreach (scandir($dir) as $name) {
    $path = $dir . '/' . $name;
    if ($name[0] === '.' || !is_file($path)) continue;

    $files[] = [
        'name' => $name,
        'url'  => 'file.php?study=' . rawurlencode($study) . '&f=' . rawurlencode($name),
        'size' => filesize($path),
    ];
}

echo json_encode(['title' => 'Study ' . $study, 'files' => $files]);

<?php
header('Access-Control-Allow-Origin: https://smartjoans.space');

$root  = 'D:/studies/';
$study = preg_replace('/[^A-Za-z0-9._-]/', '', $_GET['study'] ?? '');
$name  = basename($_GET['f'] ?? '');                            // basename blocks ../ tricks
$path  = $root . $study . '/' . $name;

if ($study === '' || $name === '' || !is_file($path)) {
    http_response_code(404);
    exit;
}

header('Content-Type: application/dicom');
header('Content-Length: ' . filesize($path));
readfile($path);