el-upload上传

el-upload上传

<template>
	<div>
		<el-upload class="upload-demo" action="#" multiple :http-request='fileValueChange' :limit="1"
			:on-error="uploaderror" :file-list="fileList" accept=".zip" :before-upload="beforeUpload"
			:on-exceed="handleExceed">
			<el-button size="small" type="primary">点击上传</el-button>
		</el-upload>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				fileList: []
			};
		},
		methods: {
			handleExceed(files, fileList) {
				this.$message.warning('只可以选择一个文件，请重新选择');
			},
			beforeUpload(file) {
				var testmsg = file.name.substring(file.name.lastIndexOf(".") + 1);
				const extension = testmsg === "zip";
				if (!extension) {
					this.$message({
						message: "上传文件只能是.zip格式!",
						type: "warning",
					});
				}
				return extension;
			},
			fileValueChange(val) {
				console.log(val);
				var formData = new FormData()
				formData.append('file', val.file);
				// formData.append('type', "head");
				// formData.append('fileType', 2);
				// formData.append('createUser', "");
				/* insertUploadFileRecord(formData).then(res => {
					console.log(res);
				}).catch((error) =>{
					
				}) */
			},
			uploaderror(error) {
				//上传失败
			}
		}
	}
</script>