【前端开发】基于vue+element-ui架构的图片上传实时预览demo

前言

一个vue+element-ui框架的图片上传demo

支持图片上传、回显预览、删除、格式校验及限制大小

源码

api例子

//获取二维码
export function getEwm() {
  return request({
    url: `/qrcode`,
    method: 'get',
    baseURL: globalBaseUrl
  })
}
//上传二维码
export function uploadEwm(data: any) {
  return request({
    url: `/admin/qrcode/upload`,
    method: 'post',
    data: data,
    baseURL: globalBaseUrl
  })
}
//删除二维码
export function deleteEwm(id: any) {
  return request({
    url: `/admin/qrcode/${id}`,
    method: 'delete',
    baseURL: globalBaseUrl
  })
}

效果