element-plus：Upload单文件上传

效果图如下：

上传前：

上传后：

			
				
					
						Click to upload
				    	
					
				
				
					提交
					重置
				
			

			const handleExceed = (files, fileList) => {
				console.log(files)
		        uploadRef.value.clearFiles()  //清空上传文件（限制一个，所以直接清空即可）
				const file = files[0]
				uploadRef.value.handleStart(file)  //重新上传
		    }
			const handleRemove = async(file, fileList) => {
	      		uploadRef.value.clearFiles()  //清空上传文件
		   	}
			//上传成功时弹框
		    const handleSuccess = (res) => {
		
		    }
		    //选择文件
		    const handleChange = (file,fileList) => {
		    	console.log(file)
				const fileImgType = file.name.match(/\.([^\.]+)$/)[1];  //匹配文件格式（最后一个'.'后的格式）或者匹配file.raw.type
		    	const isImageType = ['doc','docx','pdf']; 
				const isLt5M = file.size / 1024 / 1024 < 5;  //判断图片格式与大小
				if (isImageType.indexOf(fileImgType)==-1) {
				    ElMessage.error('文件仅支持doc、docx、pdf格式')  //限制文件类型
				    uploadRef.value.clearFiles()  //清空上传文件
				    return false;
				}
				if (!isLt5M) {
				    ElMessage.error('文件不能超过5M!')  //限制文件大小
				    uploadRef.value.clearFiles()  //清空上传文件
				    return false;
				}	
		   	}

相关文章：element-plus：Upload多图上传预览