demo-legacy.170ddf17.js 2.4 KB

1
  1. System.register(["./mobile-legacy.515725d0.js","./vendor-legacy.7e726cf7.js","./index-legacy.d9f5fcb6.js"],(function(e){"use strict";var l,t,r,o,a,n,u,i;return{setters:[function(e){l=e.c},function(e){t=e.r,r=e.o,o=e.e,a=e.j,n=e.k,u=e.g,i=e.l},function(){}],execute:function(){const{createDemo:d}=l("uploader");var s=e("default",d({setup:()=>({onOversize:e=>{console.log("oversize 触发 文件大小不能超过 50kb",e)},beforeUpload:async e=>{const l=document.createElement("canvas"),t=l.getContext("2d"),r=await(e=>new Promise((l=>{const t=new FileReader;t.onloadend=e=>l(e.target.result),t.readAsDataURL(e)})))(e[0]),o=await(a=r,new Promise((e=>{const l=new Image;l.onload=()=>e(l),l.src=a})));var a;l.width=o.width,l.height=o.height,t.clearRect(0,0,o.width,o.height),t.drawImage(o,0,0,o.width,o.height);let n=await((e,l,t)=>new Promise((r=>e.toBlob((e=>r(e)),l,t))))(l,"image/jpeg",.5);return[await new File([n],e[0].name)]},onDelete:(e,l)=>{console.log("delete 事件触发",e,l)},uploadUrl:"https://my-json-server.typicode.com/linrufeng/demo/posts",formData:{custom:"test"}})}));const c={class:"demo bg-w"},m=u("h2",null,"基础用法",-1),p=u("h2",null,"自定义上传样式",-1),h=i("上传文件"),f=u("h2",null,"直接调起摄像头(移动端生效)",-1),g=u("h2",null,"上传状态",-1),w=u("h2",null,"限制上传数量5个",-1),v=u("h2",null,"限制上传大小(每个文件最大不超过 50kb)",-1),b=u("h2",null,"限制上传大小(在beforeupload钩子中处理)",-1),U=u("h2",null,"自定义数据 FormData 、 headers ",-1),z=u("h2",null,"禁用状态",-1);s.render=function(e,l,u,i,d,s){const D=t("nut-uploader"),y=t("nut-button");return r(),o("div",c,[m,a(D,{url:e.uploadUrl,onStart:e.start},null,8,["url","onStart"]),p,a(D,{url:e.uploadUrl},{default:n((()=>[a(y,{type:"primary",icon:"uploader"},{default:n((()=>[h])),_:1})])),_:1},8,["url"]),f,a(D,{capture:""}),g,a(D,{url:e.uploadUrl,multiple:"",onDelete:e.onDelete},null,8,["url","onDelete"]),w,a(D,{url:e.uploadUrl,multiple:"",maximum:"5"},null,8,["url"]),v,a(D,{url:e.uploadUrl,multiple:"",maximize:51200,onOversize:e.onOversize},null,8,["url","onOversize"]),b,a(D,{url:e.uploadUrl,multiple:"","before-upload":e.beforeUpload,maximize:51200,onOversize:e.onOversize},null,8,["url","before-upload","onOversize"]),U,a(D,{url:e.uploadUrl,data:e.formData,headers:e.formData,"with-credentials":!0},null,8,["url","data","headers"]),z,a(D,{disabled:""})])}}}}));