vue Element檔案上傳校驗大小
阿新 • • 發佈:2021-12-27
<el-upload
v-loading="uploadLoading"
ref="replyUpload"
:before-upload="beforeUpload"
:http-request="uploadFile"
:data="{tp:'2'}"
class="upload-demo"
action="api_ws/api/Contract/AttachmentUpload"
align="center"
style="float:left"
>
<el-buttonsize="small"type="primary">點選上傳</el-button>
<labelslot="tip"class="el-upload__tip">
上傳檔案不能超過5個,上傳檔案大小不超過15MB
</label>
<!--<iclass="el-icon-upload"></i>
<divclass="el-upload__text">將檔案拖到此處,或<em>點選上傳</em></div>-->
</el-upload>
//上傳前的校驗
beforeUpload(file){
this.uploadLoading=true;
//校驗檔案大小
varresult=file.size/1024/1024<15?"1":"0";
if(result==="0"){
this.$message({
message:"上傳檔案大小不能超過15MB!",
type:"error"
});
this.uploadLoading=false;
returnfalse;
}
returntrue;
},
每一次的記錄都是一滴滴水珠,等到匯聚成大海時,便可自由翱翔。