cornerstone-wado-image-loader
Version:
Cornerstone Image Loader for DICOM WADO-URI and WADO-RS
202 lines (151 loc) • 7.58 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>imageLoader/wadors/loadImage.js - Documentation</title>
<script src="scripts/prettify/prettify.js"></script>
<script src="scripts/prettify/lang-css.js"></script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
<script src="scripts/nav.js" defer></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<input type="checkbox" id="nav-trigger" class="nav-trigger" />
<label for="nav-trigger" class="navicon-button x">
<div class="navicon"></div>
</label>
<label for="nav-trigger" class="overlay"></label>
<nav >
<h2><a href="index.html">Home</a></h2><h3>Global</h3><ul><li><a href="global.html#addTask">addTask</a></li><li><a href="global.html#arrayBufferToString">arrayBufferToString</a></li><li><a href="global.html#cacheSizeInBytes">cacheSizeInBytes</a></li><li><a href="global.html#cancelTask">cancelTask</a></li><li><a href="global.html#decodeAsync">decodeAsync</a></li><li><a href="global.html#framesAreFragmented">framesAreFragmented</a></li><li><a href="global.html#getMinMax">getMinMax</a></li><li><a href="global.html#getNumberString">getNumberString</a></li><li><a href="global.html#getNumberValues">getNumberValues</a></li><li><a href="global.html#getStatistics">getStatistics</a></li><li><a href="global.html#getTransferSyntaxForContentType">getTransferSyntaxForContentType</a></li><li><a href="global.html#getUncompressedImageFrame">getUncompressedImageFrame</a></li><li><a href="global.html#getValue">getValue</a></li><li><a href="global.html#handleMessageFromWorker">handleMessageFromWorker</a></li><li><a href="global.html#handler">handler</a></li><li><a href="global.html#initialize">initialize</a></li><li><a href="global.html#loadCodecs">loadCodecs</a></li><li><a href="global.html#loadWebWorkerTask">loadWebWorkerTask</a></li><li><a href="global.html#registerLoaders">registerLoaders</a></li><li><a href="global.html#registerTaskHandler">registerTaskHandler</a></li><li><a href="global.html#setPixelDataType">setPixelDataType</a></li><li><a href="global.html#setTaskPriority">setTaskPriority</a></li><li><a href="global.html#spawnWebWorker">spawnWebWorker</a></li><li><a href="global.html#startTaskOnWebWorker">startTaskOnWebWorker</a></li><li><a href="global.html#terminate">terminate</a></li><li><a href="global.html#unpackBinaryFrame">unpackBinaryFrame</a></li></ul>
</nav>
<div id="main">
<h1 class="page-title">imageLoader/wadors/loadImage.js</h1>
<section>
<article>
<pre class="prettyprint source linenums"><code>import external from '../../externalModules.js';
import getPixelData from './getPixelData.js';
import createImage from '../createImage.js';
/**
* Helper method to extract the transfer-syntax from the response of the server.
* @param {string} contentType The value of the content-type header as returned by the WADO-RS server.
* @return The transfer-syntax as announced by the server, or Implicit Little Endian by default.
*/
export function getTransferSyntaxForContentType(contentType) {
const defaultTransferSyntax = '1.2.840.10008.1.2'; // Default is Implicit Little Endian.
if (!contentType) {
return defaultTransferSyntax;
}
// Browse through the content type parameters
const parameters = contentType.split(';');
const params = {};
parameters.forEach((parameter) => {
// Look for a transfer-syntax=XXXX pair
const parameterValues = parameter.split('=');
if (parameterValues.length !== 2) {
return;
}
const value = parameterValues[1].trim().replace(/"/g, '');
params[parameterValues[0].trim()] = value;
});
// This is useful if the PACS doesn't respond with a syntax
// in the content type.
// http://dicom.nema.org/medical/dicom/current/output/chtml/part18/chapter_6.html#table_6.1.1.8-3b
const defaultTransferSyntaxByType = {
'image/jpeg': '1.2.840.10008.1.2.4.50',
'image/x-dicom-rle': '1.2.840.10008.1.2.5',
'image/x-jls': '1.2.840.10008.1.2.4.80',
'image/jls': '1.2.840.10008.1.2.4.80',
'image/jll': '1.2.840.10008.1.2.4.70',
'image/jp2': '1.2.840.10008.1.2.4.90',
'image/jpx': '1.2.840.10008.1.2.4.92',
};
if (params['transfer-syntax']) {
return params['transfer-syntax'];
} else if (
contentType &&
!Object.keys(params).length &&
defaultTransferSyntaxByType[contentType]
) {
// dcm4che seems to be reporting the content type as just 'image/jp2'?
return defaultTransferSyntaxByType[contentType];
} else if (params.type && defaultTransferSyntaxByType[params.type]) {
return defaultTransferSyntaxByType[params.type];
}
return defaultTransferSyntax;
}
function getImageRetrievalPool() {
return external.cornerstone.imageRetrievalPoolManager;
}
function loadImage(imageId, options = {}) {
const imageRetrievalPool = getImageRetrievalPool();
const start = new Date().getTime();
const promise = new Promise((resolve, reject) => {
// TODO: load bulk data items that we might need
// Uncomment this on to test jpegls codec in OHIF
// const mediaType = 'multipart/related; type="image/x-jls"';
// const mediaType = 'multipart/related; type="application/octet-stream"; transfer-syntax="image/x-jls"';
const mediaType =
'multipart/related; type="application/octet-stream"; transfer-syntax=*';
// const mediaType =
// 'multipart/related; type="image/jpeg"; transfer-syntax=1.2.840.10008.1.2.4.50';
function sendXHR(imageURI, imageId, mediaType) {
// get the pixel data from the server
return getPixelData(imageURI, imageId, mediaType)
.then((result) => {
const transferSyntax = getTransferSyntaxForContentType(
result.contentType
);
const pixelData = result.imageFrame.pixelData;
const imagePromise = createImage(
imageId,
pixelData,
transferSyntax,
options
);
imagePromise.then((image) => {
// add the loadTimeInMS property
const end = new Date().getTime();
image.loadTimeInMS = end - start;
resolve(image);
}, reject);
}, reject)
.catch((error) => {
reject(error);
});
}
const requestType = options.requestType || 'interaction';
const additionalDetails = options.additionalDetails || { imageId };
const priority = options.priority === undefined ? 5 : options.priority;
const addToBeginning = options.addToBeginning || false;
const uri = imageId.substring(7);
imageRetrievalPool.addRequest(
sendXHR.bind(this, uri, imageId, mediaType),
requestType,
additionalDetails,
priority,
addToBeginning
);
});
return {
promise,
cancelFn: undefined,
};
}
export default loadImage;
</code></pre>
</article>
</section>
</div>
<br class="clear">
<footer>
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
</footer>
<script>prettyPrint();</script>
<script src="scripts/polyfill.js"></script>
<script src="scripts/linenumber.js"></script>
</body>
</html>