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

hello_light198

已于 2023-10-30 09:36:33 修改

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：医学影像dicom解析文章标签： javascript 前端 vue.js

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

本文链接：https://blog.youkuaiyun.com/hello_light/article/details/125876246

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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&

最低0.47元/天解锁文章