cornerstone解析dicom本地文件（小demo）

原创

已于 2023-10-30 09:36:33 修改 · 1.5k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

于 2022-07-19 17:30:50 首次发布

这篇博客介绍了如何利用cornerstone库在JavaScript前端项目中，特别是Vue.js环境下，解析并显示本地的DICOM医学影像文件。通过引入核心文件，编写简单的代码，以及定义加载图像的JS函数，实现了 DICOM 文件的加载与展示。

1、引入核心文件

 <script src="./node_modules/cornerstone-core/dist/cornerstone.min.js"></script>
  <script src="./node_modules/dicom-parser/dist/dicomParser.min.js"></script>
  <script src="./loader.js"></script>
  <script src="./node_modules/cornerstone-tools/dist/cornerstoneTools.js"></script>
  <script src="./node_modules/cornerstone-math/dist/cornerstoneMath.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/hammerjs@2.0.8"></script>

2、编辑简单代码

  <div class="row">
      <input class="col-sm-8" type="file" id="dcmfile" multiple="multiple">
      <button class="col-sm-3" type="button" id="downloadAndView">加载到窗口</button>
      <div id="loadProgress">医疗影像Dicom解析加载:</div>
  </div>
  <div class="right">
        <div id="dicomImage">