vue展示dicom文件，医疗系统。

最新推荐文章于 2025-09-27 00:54:47 发布

转载

最新推荐文章于 2025-09-27 00:54:47 发布 · 2.6k 阅读

6 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/shuangzikun/p/taotao_vue_dicom.html

文章标签：

#javascript #webpack #ViewUI

本文介绍了如何在Vue环境下，结合webpack和cornerstone库，展示DICOM文件。通过引入cornerstone-core和dicom-parser模块，创建显示组件showDicom.vue，并成功实现了DICOM图像的显示。

环境：vue、webpack、constone

资料来源及文件：https://github.com/GleasonBian/CornerstoneVueWADO

需要下载的模块：cornerstone-core、dicom-parser

需要下载的js文件：压缩文件可以忽略

显示组件：showDicom.vue

<template>
    <div class="dicom" ref="dicomImage"></div>
</template>
<script>
import * as cornerstone from "cornerstone-core";
import * as dicomParser from "dicom-parser";
// 不建议 npm 安装 cornerstoneWADOImageLoader 如果你做了 会很头疼
let cornerstoneWADOImageLoader = require('../../../static/dist/cornerstoneWADOImageLoader.js')
//<