vue系列---【el-upload+vue獲取文件的md5值】


一、什么是文件md5

MD5的是讓大容量信息在用數字簽名軟件簽署私人密鑰前被壓縮成一種保密的格式。

MD5是文件簽名,相當於我們的身份證 獨一無二的。

二、怎么生成文件md5碼值

1安裝依賴

npm install spark-md5 --save

2導包

import SparkMD5 from 'spark-md5'

3.獲取(flie文件轉md5)

// 文件狀態改變時
   fileChange(file) {
     console.log(file.raw)
     var  fileReader=new FileReader()
     var Spark=new SparkMD5.ArrayBuffer()
     fileReader.readAsArrayBuffer(file.raw)
     fileReader.onload=function(e){
        Spark.append(e.target.result)
        var md5=Spark.end()
        console.log(md5)
     }
     this.fileList.push(file.raw)
     console.log(this.fileList)
   },

4.html

<el-upload
             class="upload-demo"
             drag
             action="UploadUrl()"
             :limit="limitNum"
             :auto-upload="false"
             accept=".xlsx"
             :before-upload="beforeUploadFile"
             :on-change="fileChange"
             :on-exceed="exceedFile"
             :on-success="handleSuccess"
             :on-error="handleError"
             :file-list="fileList"
             multiple
           >
             <i class="el-icon-upload"></i>
             <div class="el-upload__text">
               將文件拖到此處,或
               <em>點擊上傳</em>
             </div>
             <div class="el-upload__tip" slot="tip">
               只能上傳xlsx文件,且不超過10M
             </div>
           </el-upload>

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM