Как перейти на страницу при нажатии кнопки в HTML-вставке или iframe для файлов PDF (type="application/pdf") ⇐ Html

[Anonymous]

Мне нужно показать PDF-файл в iframe или встроить его.

Это файл, который пользователь выбрал на своем локальном компьютере.

Код: Выделить всё

Ниже приведен мой код, в котором я конвертирую файл в строку base64 и устанавливаю страницу 1 (строка кода: this.gotoPage(1)) по умолчанию.

Если я устанавливаю эту строку кода на страницу n по умолчанию, это рабочий файл.

Код: Выделить всё

onFilesSelected(event: any) {
const file = event.target.files[0];
const reader = new FileReader();

reader.onload = () => {
this.pdfSrc = reader.result as string
this.gotoPage(1)
};
reader.onerror = () => {
this.hasError = true
this.progressText = "File can not be processed."
};
reader.readAsDataURL(file);
}

Ниже приведена функция gotoPage.

Код: Выделить всё

gotoPage(page_no: any) {
if (typeof (page_no) == 'number') {
const url = `${this.pdfSrc}#page=${page_no}`;
this.sanitized_url = this._domSanitizer.bypassSecurityTrustResourceUrl(url)
}
}

Однако мое требование — иметь возможность перейти на любую страницу одним нажатием кнопки после того, как PDF-файл будет отображен в внедрить или iframe.
У меня меньше трех кнопок.

Код: Выделить всё

Go to Page 5
Go to Page 10
Go to Page 15

Вот в чем проблема.

когда я использую embed (код ниже) для визуализации PDF-файла, он работает нормально, и нужная страница устанавливается в первый раз, но когда я нажимаю любую кнопку gotoPage, встраивание гаснет.

Код: Выделить всё

когда я использую iframe (код ниже) для визуализации PDF-файла, он работает нормально, и нужная страница устанавливается в первый раз, но когда я нажимаю любую кнопку gotoPage, в iframe ничего не происходит.

Код: Выделить всё

Для этой цели я использую браузер Chrome.
Примечание. Я не могу использовать какие-либо внешние библиотеки.

Подробнее здесь: https://stackoverflow.com/questions/786 ... files-type