在 Angular 14 中使用 JavaScript 异步检测 PDF 文件加密状态，解决文件上传困扰

2024-03-21 13:07:23

在 Angular 14 中使用 JavaScript 异步检测 PDF 文件是否加密

在使用 Angular 14 及更高版本时，你需要检测上传的文件是否受到密码保护。基于检测结果，你需要阻止将文件上传到服务器。

读取文件

第一步是使用 FileReader API 读取 PDF 文件：

const reader = new FileReader();
reader.readAsArrayBuffer(file);

将二进制数据转换为字符串

一旦读取了二进制数据，需要将其转换为字符串：

const pdfString = String.fromCharCode.apply(null, new Uint8Array(reader.result));

检查加密标志

PDF 文件的加密标志是 "/Encrypt"。检查字符串中是否包含此标志：

const isEncrypted = pdfString.includes("/Encrypt");

处理结果

如果 isEncrypted 为真，则文件已加密。如果为假，则文件未加密。你可以根据此结果采取相应措施，例如显示错误消息或允许上传。

演示

以下是使用此技术检测 PDF 文件加密的一个演示：

<input type="file" accept=".pdf" (change)="detectEncryption($event)">

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-detect-pdf-encryption',
  template: `
    <p>Select a PDF file to check for encryption.</p>
    <input type="file" accept=".pdf" (change)="detectEncryption($event)">
  `,
  styles: []
})
export class DetectPdfEncryptionComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

  detectEncryption(event: any) {
    const file = event.target.files[0];
    const reader = new FileReader();
    reader.onload = () => {
      const pdfString = String.fromCharCode.apply(null, new Uint8Array(reader.result));
      const isEncrypted = pdfString.includes("/Encrypt");
      if (isEncrypted) {
        alert("The file is encrypted. Please remove the encryption before uploading.");
      } else {
        // Upload the file to the server
      }
    };
    reader.readAsArrayBuffer(file);
  }

}