element UI 上传附件

377 阅读1分钟
	<el-form-item>
					<el-upload
						class="upload-file"
						action="/api/file/upload-s"
						:data="{
							fileType: 'COLLEGE',

							fromType: 'FILE'
						}"
						:on-remove="handleRemove"
						multiple
						:limit="3"
						:on-success="handleSuccess"
						:file-list="fileList"
					>
						<el-button size="small" type="primary">上传附件</el-button>
					</el-upload>
				</el-form-item>
                                
                                
                                	handleRemove(file, fileList) {
			for (var i = 0; i < fileList.length; i++) {
				if (fileList[i].status == 'uploading') {
					return false;
				}
			}
			this.form.fileList = fileList;
		},

		handleSuccess(res, file, fileList) {
			for (var i = 0; i < fileList.length; i++) {
				if (fileList[i].status == 'uploading') {
					return false;
				}
			}
			this.form.fileList = fileList;
		},
                
                
                let fileIds = [];
					this.form.fileList &&
						this.form.fileList.map(item => {
							if (item.response) {
								let split_arr = item.response.data.fileUrls[0].split('/');
								fileIds.push(split_arr[split_arr.length - 1]);
							}
						});

					params.fileList = fileIds;