想要在调用上传接口之前,使用正则表达式判断上传文件的名称的格式是否是我们所规定的格式(string_string_string.string)
例如:PRINT_A4_xlz0001.pdf这样的格式
上一篇笔记中我们已经提到了怎么使用上传upload的控件,那么现在我们需要在beforeFileUpload方法中,使用正则表达式去匹配文件名:
<div nz-col [nzSpan]="16">
<nz-form-item nzFlex>
<nz-form-label nz-col [nzSpan]="8" nzFor="baseFiles">上传附件
<nz-tooltip>
<button nz-button nz-tooltip style="border:none;padding: 0px;">
<i class="anticon anticon-question-circle-o"></i>
</button>
<ng-template #nzTemplate>
<div>1、文件格式支持:{{acceptFileType}}</div>
<div>2、文件大小:小于50M</div>
</ng-template>
</nz-tooltip>
</nz-form-label>
<nz-form-control nz-col [nzSpan]="12">
<nz-upload [nzAction]="image_upload_url" [(nzFileList)]="fileList" [nzRemove]="handleRemove"
(nzChange)="handleChange($event)" [nzHeaders]="requestHeader" [nzBeforeUpload]="beforeFileUpload"
[nzAccept]="acceptFileType">
<button nz-button>
<i class="anticon anticon-upload"></i><span>添加</span>
</button>
</nz-upload>
</nz-form-control>
</nz-form-item>
</div>
在组件的beforeFileUpload方法中,我们使用正则表达式去匹配上传的文件名file.name:
beforeFileUpload = (file): Boolean => {
if (file && file.name.match(/^[A-Za-z0-9]+_[A-Za-z0-9]+_[A-Za-z0-9]+\.\w+$/)) {
return true;
} else {
this.notice.error('请检查上传文件名!');
return false;
}
}
其中用到的正则表达式为:^[A-Za-z0-9]+_[A-Za-z0-9]+_[A-Za-z0-9]+\.\w+$
匹配字符串的方法为:字符串.match(正则表达式)