js解析Dicom文件

小伙伴 : 

    当你看到这篇博客的时候,你的问题将全部迎刃而解.

    1.如何在自己的vue项目中展示Dicom文件,

    2.js如何解析Dicom文件

    3.前端如何显示Dicom

    这些问题也困扰我很长时间,不过都是小事,没有你著哥解决不了的技术问题so easy! 

 

推荐另外一篇文章: cornerstone.js解析Dicom图像并显示

 

下面分享干货 JavaScript Dicom Parsing ...

方法一:  在 vue 中呈现 dicom 图像( Dicom Viewer )

    1.按照 README.md 文件里的做 三分钟就能本地跑起来

    2.注意 :  在 dwv.vue 中 要格外 注意代码格式 尤其 分号和空格

方法二: JavaScript 解析 Dicom 呈现在 web 浏览器( Dicom Parsing )

    基于 cornerstone.js 实现 这个 类似于一个 Demo 没有多余的功能,仅显示 Dicom文件,附带简单交互, 缩放位移等等

    1.按照 README.md 文件里的做一切都会OK的

方法三:   JavaScript 解析 Dicom 呈现在 web 浏览器 ( Interactive Medical Images )

     与 方法二 实现原理相同 方法三 更为高级 带有医学图像常用工具

    1.按照 README.md 步骤做一切都会OK的

    2.注意: 运行环境问题 , 缺啥少啥自己添砖加瓦

以上 三种方法,著哥亲测,只要按照 README.md 文件中的步骤做, 就不会有报错de!

最后,有些同学的脑袋确实确实可爱了些--看下面--帮你一起爬坑

===============Email : bianliuzhu@gmail.com===========

 

 

 

  • 2
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
Vue.js是一款流行的JavaScript框架,用于开发现代的Web应用程序,而DICOM(数字成像和通讯医疗图像)是医疗图像的标准格式。解析DICOM图像并提取TAG是医学图像处理的重要任务之一。 在Vue.js解析DICOM图像并提取TAG,可以使用多个JavaScript DICOM库,例如DICOMParser和dcmjs。首先,需要用Vue.js编写一个Component,用于加载和显示DICOM图像。然后,使用DICOM库中提供的API解析DICOM文件,提取需要的TAG,并在Vue.js Component中显示相关信息。以下是一个简单示例代码: <template> <div> <input type="file" @change="loadDicomFile"/> <p>{{patientName}}</p> <p>{{patientID}}</p> </div> </template> <script> import DICOMParser from 'dicom-parser'; export default { data: function () { return { loaded: false, patientName: '', patientID: '' } }, methods: { loadDicomFile: function (event) { const file = event.target.files[0]; const reader = new FileReader(); reader.onload = (event) => { const arrayBuffer = event.target.result; const byteArray = new Uint8Array(arrayBuffer); const dicomDataSet = DICOMParser.parse(byteArray); this.patientName = dicomDataSet.string('x00100010'); this.patientID = dicomDataSet.string('x00100020'); this.loaded = true; }; reader.readAsArrayBuffer(file); } } } </script> 在这个例子中,loadDicomFile方法会在用户选择DICOM文件后执行。首先,利用FileReader将文件转化为ArrayBuffer,然后使用DICOMParser解析ArrayBuffer,得到一个dicomDataSet。我们可以使用这个dicomDataSet获取需要的TAG。在这个例子中,我们获取了PatientName和PatientID,并在Vue.js Component中显示。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Gleason.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值