html页面显示dcm文件,基于HTML5标准的Dicom图像显示.doc

基于HTML5标准的Dicom图像显示可以通过使用JavaScript库来实现。下面是一个简单的示例，展示了如何使用Cornerstone.js和DicomParser.js来显示DICOM图像。

首先，需要在HTML页面中引入Cornerstone和DicomParser的JavaScript文件：

<script src="https://unpkg.com/cornerstone-core/dist/cornerstone.js"></script>
<script src="https://unpkg.com/dicom-parser/dist/dicom-parser.js"></script>

然后，在页面中添加一个Canvas元素，用于显示DICOM图像：

<canvas id="dicomCanvas"></canvas>

接下来，可以使用JavaScript代码来加载DICOM图像并显示在Canvas中：

// 获取DICOM文件的二进制数据
var xhr = new XMLHttpRequest();
xhr.open('GET', 'path/to/dicom/file.dcm', true);
xhr.responseType = 'arraybuffer';
xhr.onload = function() {
  // 解析DICOM文件
  var byteArray = new Uint8Array(this.response);
  var dataSet = dicomParser.parseDicom(byteArray);
  
  // 将DICOM图像显示在Canvas中
  var canvas = document.getElementById('dicomCanvas');
  var image = cornerstoneWADOImageLoader.wadouri.fileManager.add(dataSet, 'path/to/dicom/file.dcm');
  cornerstone.displayImage(canvas, image);
}
xhr.send();

需要注意的是，Cornerstone.js和DicomParser.js需要在服务器上运行，否则会因为浏览器的安全限制而无法加载DICOM文件。因此，可以将这些JavaScript文件上传到自己的服务器上，并在HTML页面中引用它们。