Getting error while trying to load a pdf file in jsp from local storage.

See more:

Javascript

jQuery

PDF

var url = 'D:/Project/Documents/Invoices/invoices/invoice.pdf'; PDFJS.getDocument(url) .then(function(pdf) { 
var elem = document.getElementById('myCanvas');
 $(".document").on('dblclick',function() { 
elem.addEventListener('dblclick', function() { 
}, false); 
var index = $(this).attr("id");
 });
 });

This is the error i'm getting

XMLHttpRequest cannot load file:///D:/Project/Documents/Invoices/invoices/invoice.pdf. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

What I have tried:

I've tried disabling the web security by this command
"chrome.exe --allow-file-access-from-files"