<canvas canvas-id='attendCanvasId' class='myCanvas' :style="'width:' + imageSize.imageWidth + 'px; height:' + imageSize.imageHeight  + 'px;'"></canvas>

imageSize: '',

// 压缩图片
paressImage: function(image, fn) {
	let img = new Image()
	// 要给对象图片的路径
	img.src = image.path
	let canvas = document.createElement('canvas');
	let ctx = canvas.getContext('2d')
	// 最大尺寸限制
	var maxWidth = 500,
		maxHeight = 500;
	var canvasWidth, canvasHeight;
	// 取得压缩后得高宽
	if (image.width > image.height) {
		if (image.width > maxWidth) {
			canvasWidth = maxWidth;
			canvasHeight = image.height * (canvasWidth / image.width)
		} else {
			canvasWidth = image.width;
			canvasHeight = image.height;
		}
	} else {
		if (image.height > maxHeight) {
			canvasHeight = maxHeight;
			canvasWidth = image.width * (canvasHeight / image.height);
		} else {
			canvasWidth = image.width;
			canvasHeight = image.height;
		}
	}
	canvas.width = canvasWidth
	canvas.height = canvasHeight
	// 图片画在画布上
	ctx.drawImage(img, 0, 0, canvasWidth, canvasHeight)
	// 图片资源
	canvas.toBlob((fileSrc) => {
		console.log('fileSrc', fileSrc)
		var imgSrc = window.URL.createObjectURL(fileSrc)
		fn(imgSrc);
	}, 'image/png', 0.50);

},

uploadFile

url: this.$store.state.baseUrl + '/manage/upload/upload_file',
filePath: imgSrc,
fileType: 'image',
name: 'file',
...
var obj = JSON.parse(uploadFileRes.data)
this.query.image = obj.data.img_url