Блог

Я использую Javascript для ввода тега embed в свой HTML для отображения pdf. Объект занимает место, но ничего не отображает и, по сути, невидим. Я также попытался поместить его в тег объекта, но он не работает.

 // Invisible
var pdfObj = document.createElement("embed");
pdfObj.setAttribute("src", "./test.pdf");

content?.appendChild(pdfObj);
  

Файл pdf действительно существует, и когда я просто помещаю этот код в HTML, он отображается нормально, но не работает, когда я использую javascript.

 // works fine
<div class="content" id="main_div">
  <embed src="../test.pdf" width="500" height="375" />
</div>
  

Вот как это отображается в HTML, когда я использую Javascript:
Встраивание скриншота

Спасибо!

Во-первых, добро пожаловать в Stackoverflow. Вам нужно создать четкий путь в javascript.

 `pdfObj.setAttribute("src", "./test.pdf");` this is your code.
`pdfObj.setAttribute("src", "../test.pdf");` this is what it needs to be.
  

и

попробуйте сначала создать элемент. Вы только что дали имя document.createElement("embed") . Итак, сначала создайте его, а затем установите атрибут. После этого он будет работать

Если это не сработает, дайте мне знать. Я помогу, насколько это возможно, насколько смогу