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

默認 `input` 上傳文件的單位為 Byte (字節)

單位換算
1024Byte = 1KB
1024KB = 1MB
1024MB = 1GB

<el-form-item label ="上傳文檔：" prop="filePath"><input type="file" class="fl" id="batchImport" ref="batchImport" :accept="accept" name="batchImport" style="display: none;" @change="showWord($event)"/><button id="upload" class="upload_btn" type="button" @click="uploadWord">請選擇文檔</button><span id="document_name">{{wordResult}}</span><div class="el-form-item__error" v-if="isError">請選擇上傳文檔</div> </el-form-item> const file = document.getElementById('batchImport').files[0] const fileMaxSize = 1024*1024*100 if (file.size > fileMaxSize) {this.$utils.showTip('error','','文檔大小不超過100M！','文檔大小不超過100M！') } else {uploadReport(this); }

總結

以上是生活随笔為你收集整理的input限制上传的文件大小的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。