您现在的位置是:网站首页> 编程资料编程资料
Vue中图片上传组件封装-antd的a-upload二次封装的实例_vue.js_
2023-05-24
347人已围观
简介 Vue中图片上传组件封装-antd的a-upload二次封装的实例_vue.js_
图片上传组件封装-antd的a-upload二次封装

api
const publicApi = { UploadImage: '/common/uploadImage', DeleteImage: '/common/deleteImage', } /** * 上传图片 * @param {*} parameter * @returns */ export function UploadImage(parameter) { return request({ url: publicApi.UploadImage, method: 'post', data: parameter }) } /** * 删除图片 :name * @param {*} parameter * @returns */ export function DeleteImage(parameter) { return request({ url: `${publicApi.DeleteImage}/${parameter}`, method: 'delete' // params: parameter }) }组件封装
上传上传
使用
*上传格式为“.jpg 和.png“,大小不得超过1M,(375*665)客户端底图上传
*上传格式只能为“.png”,大小不得超过300k,(24*24)x3客户端ICON替换
未选中保存并预览