私は、pdf.js を使用して C#/ASP.NET フリップブック プロジェクトに取り組んでいます。Chrome で空のキャッシュを持つアプリケーションを起動すると、pdf ファイルが 1 回読み込まれ、すべて問題ありませんが、ページをクリアせずに更新すると、pdf が 5 回完全にダウンロードされるため、サイズは 7,5Mo から37.5月
IE 11、Edge、FireFox で確認しましたが、問題はありません。これらの手順に従ってキャッシュを無効にしようとしましたが、問題は解決しませんでした。
これは私が自分のファイルを呼び出す場所です:
function loadBook() {
PDFJS.disableWorker = true;
PDFJS.workerSrc = '../../Scripts/pdf.worker.js';
$(document).ready(function () {
var file = "http://localhost:51790/pdf/newspaper.pdf";
PDFJS.getDocument(file).then(function getPdf(pdf) {
var pagesNumber = pdf.numPages;
//Adding canvas to the html
for (var i = 1; i <= pagesNumber; i++) {
$('.flipbook').html($('.flipbook').html() + '<div><canvas id="page' + i + '"></canvas></div>');
}
//Adding and rendering pages
for (var i = 1; i <= pagesNumber; i++) {
renderPage(i, document.getElementById('page' + i), pdf);
}
//Creating flipbook
loadJournal();
});
})
}
そして、これは render の私の関数です:
function renderPage(numero, pageElement, pdf) {
pdf.getPage(numero).then(function (page) {
var scale = 1;
var viewport = page.getViewport(scale);
pageElement.width = viewport.width;
pageElement.height = viewport.height;
var renderContext = {
canvasContext: pageElement.getContext('2d'),
viewport: viewport
};
page.render(renderContext);
});
}
なぜこのように反応するのかを理解したいと思います。