Невозможно загрузить изображение Dicom в краеугольный камень с помощью пути к файлу Img

У меня есть путь к файлу образа dicom C:\path_to_dicom_image\CT-MONO2-16-ankle.dcm который я хочу отобразить

Но я не могу сделать то же самое

      <!DOCTYPE HTML>
<html>
<head>
    
<script type="text/javascript" src="https://unpkg.com/cornerstone-core@2.2.6/dist/cornerstone.js"></script> 
<script type="text/javascript" src="https://unpkg.com/cornerstone-math@0.1.6/dist/cornerstoneMath.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/cornerstone-tools@3.0.0-b.717/dist/cornerstoneTools.js"></script>

<!-- include the dicomParser library as the WADO image loader depends on it -->
<script type="text/javascript" src="https://unpkg.com/dicom-parser@1.8.3/dist/dicomParser.js" async defer></script>
<script type="text/javascript" src="https://unpkg.com/dicom-parser@1.8.3/dist/dicomParser.min.js" async defer></script>

<!-- include the cornerstoneWADOImageLoader library -->
<script type="text/javascript" src="https://unpkg.com/cornerstone-wado-image-loader@3.3.1/dist/cornerstoneWADOImageLoader.min.js"></script>

</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-6">
            <div style="width:512px; height:512px; position:relative; color:white; display:inline-block; border-style:solid; border-color:black;">   
                <div id="dicomImage"
                     style="width:512px;height:512px;top:0px;left:0px; position:absolute">
                </div>
            </div>
        </div>
    </div>
</div>
</body>


<script>
    cornerstoneWADOImageLoader.external.cornerstone = cornerstone;

    function loadAndViewImage(imageId) {
        const element = document.getElementById('dicomImage');
        cornerstone.loadImage(imageId).then(function(image) {
            console.log(image);
            const viewport = cornerstone.getDefaultViewportForImage(element, image);
            
            cornerstone.displayImage(element, image, viewport);
            

        }, function(err) {
            alert(err);
        });
    }

    const element = document.getElementById('dicomImage');
    cornerstone.enable(element);


        const file = "C:\Users\1802775\Desktop\Python\opencv-text-detection\dicom\CT-MONO2-16-ankle.dcm";
        console.log(file)
        const imageId = cornerstoneWADOImageLoader.wadouri.fileManager.add(file);
        loadAndViewImage(imageId);

  
</script>
</html>

Приведенный выше сценарий отлично работает, если я использую следующую функцию вместо указания пути к файлу, где selectFile это тег ввода html.

      <div class="col-sm-3">
      <input type="file" id="selectFile" >
</div>

Вышеупомянутая функция используется вместе с тегом div 'dicomImage'

      document.getElementById('selectFile').addEventListener('change', function(e) {
        const file = e.target.files[0];
        const imageId = cornerstoneWADOImageLoader.wadouri.fileManager.add(file);
        loadAndViewImage(imageId);
    });

PS Любая помощь будет оценена

Источник

0 ответов

Другие вопросы по тегам