javascript - How to prevent blob + guid in browser title - Stack Overflow

admin管理员组

文章数量:1279043

Basically, what I am doing is generating a PDF file on the server and showing it in the browser via javascript like this:

  file = new window.Blob([data], { type: 'application/pdf' });
  var fileUrl = URL.createObjectURL(file);
  var wnd = window.open(fileUrl, "_blank", "location=no, fullscreen=yes, scrollbars=auto, width=" + screen.width + ",height=" + screen.height);

All this works fine but every browser is showing an ugly subtitle (something like this): blob:2da57927-311e-4b3d-a261-d2679074802c

Is there any way to get rid of this subtitle or to replace it with something meaningful?

Edited: Here is a screen capture of the improved code (after applying VisioN's suggestion):

Basically, what I am doing is generating a PDF file on the server and showing it in the browser via javascript like this:

  file = new window.Blob([data], { type: 'application/pdf' });
  var fileUrl = URL.createObjectURL(file);
  var wnd = window.open(fileUrl, "_blank", "location=no, fullscreen=yes, scrollbars=auto, width=" + screen.width + ",height=" + screen.height);

All this works fine but every browser is showing an ugly subtitle (something like this): blob:2da57927-311e-4b3d-a261-d2679074802c

Is there any way to get rid of this subtitle or to replace it with something meaningful?

Edited: Here is a screen capture of the improved code (after applying VisioN's suggestion):

• javascript
• html
• angularjs
• report

Share Improve this question Follow edited Jun 27, 2014 at 14:09 zszep asked Jun 27, 2014 at 12:33 zszepzszep 4,48355 gold badges4141 silver badges5858 bronze badges 3

• I doubt if you can do this anyhow in cross-browser way, if only you don't display a plain HTML page with maximised <iframe> element, that outputs the blob contents. – VisioN Commented Jun 27, 2014 at 12:37
• Save it somewhere and pass the link (server or S3) – Lukasz Madon Commented Jun 27, 2014 at 12:38
• Have you some short sample code how to do this? – zszep Commented Jun 27, 2014 at 12:38

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

As I mentioned in the ments, one possible way is to make an <iframe> in the popup window, that displays the current Blob data, and to style the popup as you wish:

var win = open('', 'name', 'height=300, width=300'),
    iframe = document.createElement('iframe'),
    title = document.createElement('title'),
    file = new Blob([data], { type: 'application/pdf' }),
    fileUrl = URL.createObjectURL(file);

title.appendChild(document.createTextNode('Nice title :)'));

iframe.src = fileUrl;
iframe.width = '100%';
iframe.height = '100%';
iframe.style.border = 'none';

win.document.head.appendChild(title);
win.document.body.appendChild(iframe);
win.document.body.style.margin = 0;

DEMO: http://jsfiddle/MeY9e/

You can simply add a settimeout to change the page title after the blob has been loaded in the new tab like this -

    newTab.location.href = URL.createObjectURL(blob); 
    setTimeout(function() {
        newTab.document.title = blob.name;
    }, 10);

本文标签： javascriptHow to prevent blobguid in browser titleStack Overflow