ivmartel / dwv-jqmobile Goto Github PK
View Code? Open in Web Editor NEWMedical image viewer using DWV (DICOM Web Viewer) and jQuery Mobile.
Home Page: https://ivmartel.github.io/dwv-jqmobile/
License: GNU General Public License v3.0
Medical image viewer using DWV (DICOM Web Viewer) and jQuery Mobile.
Home Page: https://ivmartel.github.io/dwv-jqmobile/
License: GNU General Public License v3.0
When opening data from Google Drive, the dwv page opens but no data gets loaded.
Errors are regarding service worker promises:
The FetchEvent for "https://ivmartel.github.io/dwv-jqmobile/demo/stable/index.html?input=0BwGJ2ZozqDXrTHlJQmQ2RFNjSDQ&type=gdrive"
resulted in a network error response: the promise was rejected.
Uncaught (in promise) TypeError: Failed to execute 'fetch' on 'ServiceWorkerGlobalScope':
'only-if-cached' can be set only with 'same-origin' mode at service-worker.js:107
how to save the JSON state on my html-javascript page.
After loading and annotating an image i want to save the annotation json in my pagehow can it possible
The integration is broken... dwv uses the options.requestHeaders
(and not directly options) to set request headers, this must be updated.
The scope needed to access files drive.readonly
is too broad and must be replaced by drive.file
(see drive api about-auth#OAuth2Authorizing).
Node 16 is the active version or node, see node releases, it must be used to test the app.
The googleapi-javascript-client has been changed, it must be updated on this repo.
How to fix RangeError: Offset is outside the bounds of the DataView at DataView.getUint16
When trying to display dicom files from google drive, the viewer freezes and the following error is logged in the console:
Access to XMLHttpRequest at 'https://[...]-apidata.googleusercontent.com/download/drive/v2/files/0BwGJ2ZozqDXrTHlJQmQ2RFNjSDQ?qk=[...]' (redirected from 'https://content.googleapis.com/drive/v2/files/[...]?key=[...]&alt=media&source=downloadUrl') from origin 'https://ivmartel.github.io' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Similar issues:
This seems to be related to: upcoming-changes-to-the-google-drive-api-and-google-picker-api.
When using the example interface (index.html):
I am trying to load in a zip folder containing a series of DICOM files via a URL parameter. When I navigate to localhost/index.html?input=dicoms_folder.zip
I get the error:
Uncaught (in promise) TypeError: Cannot read property 'name' of undefined at dwv.js:18564
The line in question appears to be:
filename = zobjs[num].name;
How to clear notification install dwv-jqmobile?
19/5000
Can I run it on Windows 7 32-bit computer
A new version of dwv is out. It does not have the fitToWindow
option so the code must be updated to compensate for it.
In multiple image loading , I loaded the first image and added drawings. and in a button click or scroll second image will display, but also the first image drawing are visible . this is may be due to the overlaying of images .how to resolve this.
dwv v0.29.0 gives access to the layer opacity, a tool must be added to interact with it.
i was able to draw and save annoattions in the database. but i cannot select and edit the drawings after fetched from database.
even i cant able to select the draw. how this problem can be solved?
Thanks in advance
hai, I have an issue when I tried to open an image from my page (html) with a button click in dwv-jqmobile viewer by giving the path url , it will not open the image. but it is working when I click tool box in the dwv viewer, it will open the file which i chose.
but i want to open an image with button click in dicom web viewer.i hope you may help me to get the knowledge.....and thanks in advance....
Hai @ivmartel
when I am loading images dynamically, its color is changing. i am loading the files from a button click. so how to resolve this issue. Please give a guidance...
Thanks in advance...
When I using "npm run start" run the dvm website ,by using expamle url files( http://localhost:8080/index.html?input=https://raw.githubusercontent.com/ivmartel/dwv/master/tests/data/?file=bbmri-53323851.dcm&file=bbmri-53323707.dcm&file=bbmri-53323563.dcm&file=bbmri-53323419.dcm&file=bbmri-53323275.dcm&file=bbmri-53323131.dcm&dwvReplaceMode=void) ,then get the following error: RequestError: Error status: 400 while loading 'https://raw.githubusercontent.com/ivmartel/dwv/master/tests/data/?file' [DicomDataLoader]
dwv-jqmobile uses gui code that is embedded with the dwv library. It must not be the role of dwv to provide gui, it must be integrated into the dwv-jqmobile code.
Code styling should be enforced via eslint, instead of jshint (better tools integration). For example:
indent: ['error', 2],
quotes: ['error', 'single'],
'space-before-function-paren': ['error', { named: 'never' }]
Lint plugins can be used in IDEs to apply these rules when saving files.
When I launch the index.html page. I see a screen telling me to authorize with Google Drive. But nothing is responsive on the page and I can't do anything.
hai,
i am new to ivmartel and dwv. i need to integrate dwv-jqui in my project which contains html and javascript only. but i have noticed that dwv-jqui contains node libraries(node modules).when i normally integrate this with script tag and try to load inside my webpage, it is not working properly.do you have any resolution regarding this.
For me loading DICOM files over the ?input
URL parameter does not work in Firefox but does work fine in Chrome.
In
dwv-jqmobile/src/applauncher.js
Line 127 in 0cd6614
Uncaught TypeError: event is undefined
.event
property.
Loading the file over URL through the menu works fine too. In this case the event
is defined. Same for loading from file.
Travis seems to have changed their priorities and is taking too long to answer to build credit requests. Github actions provides the same services, it will be used to build this repo from now on.
value ruller not display, how to fix it?
how to open multiple dicom images from a folder dynamically into the dicom web viewer?
I can open one image dynamically by passing url. but how do I open a folder and display all images in viewer dynamically.
how to send image to server from dwvjqmobile?
hi @ivmartel ,
I am integrating the dicom viewer with my project. but the issue is when i draw and save image, it will works fine. and i am trying to load the image again with drawings it is loading but cannot select the drawings for further change. Hope you will guide me with references and solutions. thanks in advance.
What I want is that i wanted to select the retrieved drawings and delete or update it
The onLoadItem
of the dwvjq.gui.info.Controller
class gets the raw image UID from a fixed index array member of the image meta data. This must be removed and replaced by a search of the array to find the UID.
Relates to dwv/pull/778.
how to import metadata (dicom tags) to database?
I have a .dcm file, and im trying to view it using the live demo of the dwv-jqmobile version. When i upload the file i see this
Also I would like to know how to integrate the viewer to my website.
what im doing is downloading the zip from https://github.com/ivmartel/dwv-jqmobile/releases/tag/v0.6.1
pasting it in a folder of my website files, and then using redirecting to the index.html file. And i get the same result
var dicom_files = [
['http://localhost:8080/DCTCDev/scripts/dwvimg/'+obj.pat_reg_id+'/P552200009.dcm'],
['http://localhost:8080/DCTCDev/scripts/dwvimg/'+obj.pat_reg_id+'/test.dcm']
];
var app = new dwv.App();
app.init({
dataViewConfigs: {'*': [{divId: 'layerGroup0'}]},
});
app.loadURLs(dicom_files[0]);
var actions = document.getElementById('actions');
var table=document.createElement('table');
var tr = document.createElement('tr');
for (var i = 0; i < dicom_files.length; i++) {
var td = document.createElement('td');
var new_button = document.createElement('button');
new_button.setAttribute('data-file-index', i);
new_button.textContent = 'DICOM Files ' + (i + 1);
new_button. style. width = '120px';
new_button.addEventListener('click', dicom_files_selected);
td.appendChild(new_button);
tr.appendChild(td);
table.appendChild(tr)
actions.appendChild(table);
}
function dicom_files_selected(event) {
event.preventDefault();
var button = this;
var selected_index = parseInt(button.getAttribute('data-file-index'));
app.abortLoad();
app.loadURLs(dicom_files[selected_index]);
dwvjq.gui.Loadbox();
dwvjq.gui.UrlLoad();
dwvjq.gui.Toolbox();
dwvjq.gui.Draw ();
in my above code the tool list box is not working.(it is not showing). To give annotations i want to click the tool list box. I am loading images dynamically using url and with button click i able to change the images as I want.. any reference will be the great help.Thanks in advance
How to change ruler mm to px. i think the unit is px not mm
Thank you very much for DWV i have been using it in research projects for quite a time.
I am using it mainly to serve server-side stored DICOM in a subfolder e.g., data.
I have two issues.
a) I try to open DICOMDIR by dwv-jqmobile/?input=data/DICOMDIR
This works only for DICOMDIRs referring to a single image series, if more that one is present then only one is shown.
Is there a way to workaround this?
b)Scroll works in DWV-jqmobile 0.26.0 but does not in dwv-jqmobile 0.7.0-beta
I have tried with various DICOMDIRs, this issue is not significant since i can do my work with 0.26
Good day,
Please, I need to integrate iframe tag to my WP site and initiate local links from my website including jpg/dcm! I don't know much code.
if there anyway else to integrate the viewer framework + (my local links) I would be grateful for help.
Thanks.
The service worker method handling the a fetch
event tries to match the full url of the web page and since only its base ('index.html') is registered, it fails when the url contains search parameters. The ignoreSearch
option must be used when calling the match method.
See doc: match#Parameters.
I used this.dwvApp.loadURLs () to load init dwv in applauncher.js and nothing happens
1)tool box annotations are not working in dwv-jqmobile.but add button (+) is working . others are not working.what js and function is controll this event . could you please help me to solve this.
2)i found that you are using "dwv-0.29.1.min.js" in DWV image display example with multiple slices and its own tool (https://jsfiddle.net/ivmartel/jb7fe6yx/). but in dwv-jqmobile we are using "dwv.min.js".when i integrated the https://jsfiddle.net/ivmartel/jb7fe6yx/ code in my dwv-jqmobile code my tool box is not showing. how can i resolve this. hope u will consider my issues and help.. any references will be the great help[ for me. because i am a newbie in dicom web viewer.Thanks in advance.
hai ivmartel,
This is my second request regarding this questions. I am able to drwa and save the aanotations in the database.and I can retreive the draws and set it in to the viewer. but I cannot select the draws and edit. hope you can help me. any reference will be the great help.Thanks in advance.
i am facing the issue that it will not loading multiple images by passing multiple url in an array. it just upload one image and not showing others. when scroll button clicked it is not working.
hai,
i am using dwv-jqmobile for a while. and it is quite nice. how to access the control of Scroll event.
in which function from which js is calling scroll function.
, i have multiple images to load . and after loading these images using app.loadURL i also wanted to call a database function for each images.
that is i want to fetch some information of currently loaded image from database using scroll event.
This allows the draw div to not be shadowed by the infoLayer.
Related to dwv/issues/552.
Hi
i want to display multiple dcm file using url , actually i used to display one file by using this url : https://ivmartel.github.io/dwv-jqmobile/demo/stable/index.html?input={fileUrl}
i'm wondering if there is a way to do the same with multiple dcm files ?
Thanks
Hi
I want to upload a local dcm file from a folder, how can I do that and send it directly to dropbbox?
We are trying to integrate dwv-jqmobile v0.3.0/v0.2.0
to the mobile app using web view, web app runs fine but finds few bugs.
Hello,
I'm wondering if there are any plans to allow the DWV support wordpress plugin to integrate DWV mobile (or alternatively, for DWV support to be uploaded to Github so that others may contribute/fork it). Currently really appreciate the plugin but would love are more modern UI like the one used by DWV-jqmobile or something like a slider to change window level and slice.
dwv v0.29.0 provides a new 'circle' shape, it must be added to the shape drop-down list.
I have created a url using blob as we have bytearray and passing that url to loadURLs function but that is unable to load that file
The current overlay code listens to specific events coming from dwv and is bound to these event properties. It must be made more generic to listen to any event defined in the overlay definition and use the value
property now sent with dwv events.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.