In order to dispalay base64 string as pdf in new tab use Javascript. It looks like window.open will take a Data URI as the location parameter. Maybe the problem of @kakaluote444 is that the string itself was buggy. COPYRIGHT 2001-2021 PDFTRON SYSTEMS, INC. The path of the PDF file is extracted from QueryString and is set in the HTML String. Questions are automatically locked after two months of … Let us know if that works for you. Controller: public ActionResult ViewPDF() { byte[] pdfFile; I need to do an api call to get an octet-stream blob that would be a pdf, and then display this pdf in a new tab. ... is working to download the pdf but I want to be able to open up and view the pdf within response.getReturnValue in a new tab. Every time I click a hyperlink of a PDF file, IE always downloads the file instead of opening the file in a new tab. Angular & JavaScript | Open Blob URL View PDF and Images in New Tab August 31, 2020 Jolly.exe In this JavaScript quick tutorial, we’ll learn how to select a file using a File input control to convert it into a Base64 URL, also add a View button to preview the selected file by opening in the new Chrome tab by creating a BLOB url. See more WebViewer events such as documentLoaded to understand when to execute API operations. The pdf-file is returned to the js-file from the … Programmatically opening a pdf blob from an api in a new tab. The JavaScript window.open() method opens a new browser window. In addition, I’ll show how to embed PDF into HTML page and create a link to download the PDF. This is not a big problem but it's a little inconvenient. Specifies the target attribute or the name of the window. When the read operation is finished, the readyState becomes DONE, and the loadend is triggered. I reset IE and reinstalled adobe reader but it still didn't work. to help WebViewer determine the type of the file being loaded. There are a few ways to open a document such as from a URL, a blob, the filesystem, or base64 data. You one-line base64 string isn't really base64. It looks like window.open will take a Data URI as the location parameter. Check the example. For some developers, it's easy to return a base64 string of files from the server. Blob stands for Binary Large Object and it is a representation of bytes of data. Do not worry! When are you supposed to use escape instead of encodeURI/encodeURIComponent? Additionally, there are. Below is some example code showing how to convert base64 to a Blob. I'm very new to JavaScript and MVC and didn't know wheather to post this in MVE or javascript forum. function base64ToBlob (base64) {const binaryString = window. onClick Open a New Tab Using JavaScript If you have an HTML button, you can use the following JavaScript code to open a desired URL in a new tab when user clicks the button . By the way, in addition to