input限制上传的文件大小

待我称王封你为后i 2023-02-27 12:10 136阅读 0赞

需要限制input上传的文件大小

  1. 默认 `input` 上传文件的单位为 Byte (字节)

单位换算
1024Byte = 1KB
1024KB = 1MB
1024MB = 1GB

  1. <el-form-item label ="上传文档：" prop="filePath">
  2.     <input type="file" class="fl" id="batchImport" ref="batchImport" :accept="accept" name="batchImport" style="display: none;" @change="showWord($event)"/>
  3.      <button id="upload" class="upload_btn" type="button" @click="uploadWord">请选择文档</button>
  4.      <span id="document_name">{
  5.    {wordResult}}</span>
  6.      <div class="el-form-item__error" v-if="isError">请选择上传文档</div>
  7. </el-form-item>
  9. const file = document.getElementById('batchImport').files[0]
  10. const fileMaxSize = 1024*1024*100
  11. if (file.size > fileMaxSize) { 
  12.     this.$utils.showTip('error','','文档大小不超过100M！','文档大小不超过100M！')
  13. } else { 
  14.     uploadReport(this);
  15. }

发表评论

表情：
评论列表 （有 0 条评论，136人围观）

还没有评论，来说两句吧...

相关阅读