如何防止下载管理器从 <canvas> 下载文件

如何解决如何防止下载管理器从 <canvas> 下载文件

目前我正在处理一个小规模的项目。在我的项目中，我使用 pdf.js 查看了一些 pdf。我确实隐藏了顶部栏和下载或打印按钮。我只希望查看者只能阅读它而不是下载或打印它。但问题是，文档是在具有下载管理器的浏览器中自动下载的。下载管理器（如 IDM）在页面加载时抓取文件。

现在有没有办法解决这个问题？

我的JS代码如下！

谢谢
纳兹穆尔·侯赛因

let pdfDoc = null,pageNum = 1,pageIsRendering = false,pageNumIsPending = null;

const scale = 1.5,canvas = document.querySelector('#pdf-render'),ctx = canvas.getContext('2d');


const renderPage = num => {
  pageIsRendering = true;


  pdfDoc.getPage(num).then(page => {
  
    const viewport = page.getViewport({ scale });
    canvas.height = viewport.height;
    canvas.width = viewport.width;

    const renderCtx = {
      canvasContext: ctx,viewport
    };

    page.render(renderCtx).promise.then(() => {
      pageIsRendering = false;

      if (pageNumIsPending !== null) {
        renderPage(pageNumIsPending);
        pageNumIsPending = null;
      }
    });

    document.querySelector('#page-num').textContent = num;
  });
};

const queueRenderPage = num => {
  if (pageIsRendering) {
    pageNumIsPending = num;
  } else {
    renderPage(num);
  }
};

const showPrevPage = () => {
  if (pageNum <= 1) {
    return;
  }
  pageNum--;
  queueRenderPage(pageNum);
};


const showNextPage = () => {
  if (pageNum >= pdfDoc.numPages) {
    return;
  }
  pageNum++;
  queueRenderPage(pageNum);
};


pdfjsLib
  .getDocument(url)
  .promise.then(pdfDoc_ => {
    pdfDoc = pdfDoc_;

    document.querySelector('#page-count').textContent = pdfDoc.numPages;

    renderPage(pageNum);
  })
  .catch(err => {
  
    const div = document.createElement('div');
    div.className = 'error';
    div.appendChild(document.createTextNode(err.message));
    document.querySelector('body').insertBefore(div,canvas);
    
    document.querySelector('.top-bar').style.display = 'none';
  });


document.querySelector('#prev-page').addEventListener('click',showPrevPage);
document.querySelector('#next-page').addEventListener('click',showNextPage);

更新
虽然我未能想出解决此问题的方法，但我管理了其他一些事情。我只是加密pdf文件然后通过pdf.js查看它。因此，即使有人设法下载它，他们也无法打开它。只需在此处更改一行 -

pdfjsLib.getDocument({url: 'file-url',password: 'file-password'})

谢谢
纳兹穆尔·侯赛因