技术栈:elementPlus+vue3
html部分:
<el-image :style="{width:width,height:height}" ref="previewimg" :src="previewSrc"></el-image>
js部分
/*** 预览图片* @param {String} url [图片的地址]*/const showPreview = (url) => {$api.get(url,{},r=>{let img = new Image();img.src = r;img.onload = () => {formData.width = img.width;formData.show = true;formData.previewSrc = r;};},e=>{console.log("e",e)},null,'previewImg')}
获取图片文件需要特殊处理一下api请求的格式