img-upload.145d784a.js 1.3 KB

1
  1. import{r as B,D as r,bB as F,aB as b,v as i,o as h,M as j,J as l,w as C,W as E,q as x,aO as d,bC as D,bD as U}from"./index.bde23c3a.js";const k=E("\u4E0A\u4F20\u56FE\u7247"),w=x("div",{class:"el-upload__tip"},"\u8BF7\u4E0A\u4F20jpg.png.bmp.jpeg\u7C7B\u578B\u56FE\u7247",-1),R=B({__name:"img-upload",emits:["change"],setup(y,{emit:p}){const c=["image/png","image/jpg","image/bmp","image/jpeg"],o=r([]),s=r([]),m=F(),g=b(),_=({type:a,size:e})=>{if(!c.includes(a))return d.error("\u8BF7\u4E0A\u4F20jpg.png.bmp.jpeg\u7C7B\u578B\u56FE\u7247"),!1;if(e/1024/1024>1)return d.error("\u56FE\u7247\u5927\u5C0F\u8D85\u8FC71M"),!1},f=async({file:a})=>{const e=new FormData;e.append("img",a),e.append("token",m.token);const{message:t,code:n,data:u}=await D(e);g({message:t,code:n,handler:()=>{s.value.push(U+"/"+u[0].url),p("change",s.value.join(","))}})},v=a=>{const e=o.value.findIndex(({uid:t})=>t===a.uid);return s.value.splice(e,1),p("change",s.value.join(",")),!0};return(a,e)=>{const t=i("el-button"),n=i("el-upload");return h(),j(n,{"file-list":o.value,"onUpdate:file-list":e[0]||(e[0]=u=>o.value=u),"before-upload":_,"http-request":f,"before-remove":v,multiple:""},{tip:l(()=>[w]),default:l(()=>[C(t,{type:"primary"},{default:l(()=>[k]),_:1})]),_:1},8,["file-list"])}}});export{R as default};