Using PDFObject to download pdf with dynamic filename

Question

i'm trying to use PDFObject for my brochure what i want is for the user to select a vehicle and download the specific vehicle that she/he has chosen. here's my code:

<form method="get" action="">

  <div class="form-group"><h5>Model</h5></div>

  <div id="select-vehicle" class="form-group">
    <select class="form-control">
      <option selected disabled> Select Vehicles</option>
    </select>
  </div>

  <div class="form-group">
    <button type="submit" value="submit" id="submit" disabled class="btn btn-default">DOWNLOAD</button>
  </div>

</form>

and this is my working javascript:

var workers = ["86", "Altis", "Avanza", "Altis", "Camry", "Fortuner", "FJ Cruiser"
            , "Hiace", "Hilux", "Innova", "LandCruiser", "Prado", "Previa", "PriusC"
            , "Rav4", "Vios", "Yaris"];
        for(var i=0; i< workers.length;i++)
        {
        //creates option tag
          jQuery('<option/>', {
                value: workers[i],
                html: '2017' + ' ' + workers[i] + ' ' + '&#174;'
                }).appendTo('#select-vehicle select'); //appends to select if parent div has id dropdown
        }
          $('button').click(function(event) {
            var value = $( "select" ).val();
            $('form').attr('action', '../../vehicles/' + value +'/');
          });

        $('select').change(function(){
          if ($(this).val())
          {
            $("button").removeAttr('disabled');
          }
        });

i wanted to pass this $('form').attr('action', '../../vehicles/' + value +'/'); to the PDFObject so that it will look for the right filename to download the file.

I have 2 questions 1- what the files name look like 2- how many select do you have in the page + forms — Tarek.Eladly, Oct 17 '17 at 06:23
@Tarek.Eladly see my script. workers array thats the selection. — jmv, Oct 17 '17 at 06:39

A. Iglesias · Accepted Answer · 2017-10-17T07:49:50.570

1

DOWNLOAD THE PDF:

PDFObject is for embedding a pdf in your page. For downloading the pdf you can just go to that pdf, but you need the pdf file name. You don't show the name of the pdf files, so here you have an example if file names are the same as the value of the select...

$('button').click(function(e) {
    e.preventDefault();
    var value = $('select').val();
    window.open('../../vehicles/' + value + '/' + value + '.pdf','_blank');
});

EMBED THE PDF:

If you want to embed that pdf in the page using PDFObject (you don't need a formfor this option, just the select), first create a container in your html to hold that pdf...

<div id="vehiclepdf"></div>

... and the invoke PDFObject when you click the button...

$('button').click(function(e) {
    e.preventDefault();
    var value = $('select').val();
    PDFObject.embed('../../vehicles/' + value + '/' + value + '.pdf',"#vehiclepdf");
});

edited Oct 17 '17 at 07:49

answered Oct 17 '17 at 06:09

A. Iglesias

2,625
2
8
23

getting this error Resource interpreted as Document but transferred with MIME type application/pdf:"http://link/to/file" – jmv Oct 17 '17 at 06:55
What option are you trying, download or embed? – A. Iglesias Oct 17 '17 at 06:56
how do i pass to create new web page for the pdf after the user clicks it?. its working but it's appearing below? – jmv Oct 17 '17 at 06:58
What option are you trying, download or embed? – A. Iglesias Oct 17 '17 at 07:04
download, i got it to appear in full browser. one problem i dont want to leave the page. i want to create a new window for the pdf . when the user clicks – jmv Oct 17 '17 at 07:07
Done! Try it now – A. Iglesias Oct 17 '17 at 07:28
not working . but the window.open does. i creates a new window. umm is it possible to open it on a new tab . just to avoid popup blockers – jmv Oct 17 '17 at 07:42
Apparently no.. https://stackoverflow.com/questions/4907843/open-a-url-in-a-new-tab-and-not-a-new-window-using-javascript – A. Iglesias Oct 17 '17 at 07:54

Using PDFObject to download pdf with dynamic filename

1 Answers1