PDF文件内容校验功能

1、将上传的文件生成一个key(文件指纹):将文件内容生成一个指纹

  <!--pdf文件校验-->
        <dependency>
            <groupId>org.apache.pdfbox</groupId>
            <artifactId>pdfbox</artifactId>
            <version>2.0.24</version>
        </dependency>
        <!-- Apache Commons Codec for SHA-256 hash -->
        <dependency>
            <groupId>commons-codec</groupId>
            <artifactId>commons-codec</artifactId>
            <version>1.15</version>
        </dependency>

工具类:

public static String GenerateFileFinger(File file) throws IOException, NoSuchAlgorithmException {  //用于生成文件指纹
        byte[] fileBytes = Files.readAllBytes(file.toPath());

        // Create a MessageDigest instance for SHA-256
        MessageDigest sha256Digest = MessageDigest.getInstance("SHA-256");

        // Calculate the SHA-256 hash
        byte[] hashBytes = sha256Digest.digest(fileBytes);

        // Convert the hash bytes to hexadecimal
        return DatatypeConverter.printHexBinary(hashBytes).toLowerCase();
    }

 将返回一个加密后的64位的加密字符串

由于前端传文件到后端会发生很多问题,比如说网络不稳定,数据乱码等会导致生成的指纹不一样,所以在前端同样生成这样的字符串在后端库里面进行匹配,如果有相同的就说明文件没有被更改过,否则就是被更改过,文件内容失效。

前端代码

import SHA256 from "crypto-js/sha256";
import WordArray from "crypto-js/lib-typedarrays"; // convert ArrayBuffer to WordArray


method:

 handleFileUpload() {
      const file = this.file;

      if (file) {
        const reader = new FileReader();

        reader.onload = (e) => {
          const arrayBuffer = e.target.result;
          const wordArray = WordArray.create(arrayBuffer);
          const hash = SHA256(wordArray).toString();

          // Set the file hash to the fileCode data property
          this.fileCode = hash;
        };

        reader.readAsArrayBuffer(file);
      }
    },

这里前端需要下载相关的包 npm install crypto-js

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在Vue中,可以使用HTML5中的`<input type="file">`元素来实现文件上传功能。而要校验上传文件的类型,可以在`<input>`元素中添加`accept`属性,来指定可以上传的文件类型。 例如,如果要上传图片文件,可以将`accept`属性设置为`"image/*"`,表示只能上传图片文件。如果要上传PDF文件,可以将`accept`属性设置为`"application/pdf"`。 示例代码如下: ``` <template> <div> <input type="file" @change="handleFileUpload" accept="image/*"> </div> </template> <script> export default { methods: { handleFileUpload(event) { const uploadedFile = event.target.files[0]; // 校验文件类型 if (uploadedFile.type.includes('image/')) { // 上传图片 } else { // 文件类型不符合要求,提示用户 alert('请上传图片文件'); } } } } </script> ``` 在上述示例代码中,`accept`属性被设置为`"image/*"`,表示只能上传图片文件。在`handleFileUpload`方法中,可以通过`uploadedFile.type`属性来获取上传文件的类型,然后根据需要进行校验或处理。 ### 回答2: 在Vue中,我们可以通过使用HTML的`<input type="file">`元素来实现文件上传功能。要对上传文件的类型进行校验,可以通过以下步骤来实现: 1. 在Vue组件模板中,添加一个文件选择输入框: ```html <input type="file" @change="handleFileUpload"> ``` 2. 在Vue组件的`methods`中,定义一个`handleFileUpload`方法来处理文件上传事件: ```javascript methods: { handleFileUpload(event) { const file = event.target.files[0]; // 获取上传的文件 const allowedTypes = ['image/png', 'image/jpeg', 'image/jpg']; // 允许上传的文件类型 if (allowedTypes.includes(file.type)) { // 检查文件类型是否在允许的类型列表中 // 处理文件上传逻辑 } else { alert('只允许上传PNG、JPEG、JPG类型的文件!'); // 文件类型不符合要求,弹出警告框 } } } ``` 在上述代码中,我们首先通过`event.target.files[0]`来获取到上传的文件对象。然后,我们定义了一个允许上传的文件类型数组`allowedTypes`,其中包含了我们允许上传的文件类型。接下来,我们使用`includes`方法来检查该文件的类型是否在允许的类型列表内。如果文件类型符合要求,则可以执行后续的文件上传逻辑;如果文件类型不符合要求,则会弹出一个警告框提示用户。 以上就是在Vue中对文件类型进行校验的简单实现方法。根据实际需求,你可以根据自己的情况进行更多的扩展和错误处理。 ### 回答3: 在Vue中上传文件类型校验可以通过以下步骤实现: 1. 首先,在Vue组件中引入文件上传组件,并设置需要进行文件类型校验的input元素,例如: ```html <template> <div> <input type="file" ref="fileInput" @change="uploadFile" accept=".jpg,.png" /> </div> </template> ``` 在上述代码中,我设置了文件输入框的accept属性为".jpg,.png",表示只允许选择jpg和png类型的文件。 2. 接下来,在Vue组件的methods中,编写上传文件的方法,例如: ```javascript methods: { uploadFile() { const file = this.$refs.fileInput.files[0]; if (file) { const fileName = file.name; const fileType = file.type; // 判断文件类型是否合法 if (fileType === 'image/jpeg' || fileType === 'image/png') { // 执行文件上传操作 // ... } else { alert('只允许上传jpg和png类型的文件'); } } } } ``` 在上述代码中,我首先获取选择的文件对象,并通过file.type属性获取文件类型。然后,我使用条件判断语句检查文件类型是否为允许的类型。如果文件类型合法,可以执行上传操作;否则,弹出提示框提醒用户只允许上传jpg和png类型的文件。 注意:为了更好地提醒用户只允许上传指定的文件类型,可以在前端通过accept属性限制可选择的文件类型。同时,后端也需要进行文件类型校验,以确保安全和完整性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值