theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
layui/.svn/pristine/46/460c7e01ade9b65c5e7b361581897a49449b8c9e.svn-base
Theluyuan ff7aa8774f init
2022-12-09 16:41:41 +08:00

188 lines
55 KiB
Plaintext
Raw Blame History

import{f as w,r as l,o as d,j as g,h as s,g as t,B as p,F as C,k as q,i as n,v as a,t as M,C as N}from"./.pnpm.8fb36023.js";const B={class:"markdown-body"},P=n("p",{class:"describe-plugin"},"\u6587\u4EF6\u4E0A\u4F20",-1),H=n("p",null,[a("\u4F7F\u7528 "),n("code",null,"lay-upload"),a(" \u6807\u7B7E, \u521B\u5EFA\u4E00\u4E2A\u4E0A\u4F20\u6309\u94AE")],-1),I=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-upload")]),a(),n("span",{class:"token attr-name"},"url"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("https://www.mocky.io/v2/5cc8019d300000980a055e76"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@done"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("doneHandle"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"field"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("bigFile"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@choose"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("beginChoose"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#preview"),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("(item,index) in picList"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("`demo1-pic-"),n("span",{class:"token punctuation"},"'"),a("${index}`"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("img")]),a(),n("span",{class:"token attr-name"},":src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("item"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},"/>")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-upload")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref"),n("span",{class:"token punctuation"},","),a("reactive "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token keyword"},"const"),a(" picList "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"filetoDataURL"),n("span",{class:"token operator"},"="),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("file"),n("span",{class:"token punctuation"},","),a("fn")]),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},"=>"),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token keyword"},"const"),a(" reader "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"new"),a(),n("span",{class:"token class-name"},"FileReader"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
reader`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function-variable function"},"onloadend"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"e"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token function"},"fn"),n("span",{class:"token punctuation"},"("),a("e"),n("span",{class:"token punctuation"},"."),a("target"),n("span",{class:"token punctuation"},"."),a("result"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
reader`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"readAsDataURL"),n("span",{class:"token punctuation"},"("),a("file"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"doneHandle"),n("span",{class:"token operator"},"="),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"files"),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},"=>"),n("span",{class:"token punctuation"},"{"),a(`
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"\u89E6\u53D1"'),n("span",{class:"token punctuation"},")"),a(`
`),n("span",{class:"token keyword"},"if"),n("span",{class:"token punctuation"},"("),a("Array"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"isArray"),n("span",{class:"token punctuation"},"("),a("files"),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},"&&"),a("files"),n("span",{class:"token punctuation"},"."),a("length"),n("span",{class:"token operator"},">"),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),a(`
files`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("file"),n("span",{class:"token punctuation"},","),a("index"),n("span",{class:"token punctuation"},","),a("array")]),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},"=>"),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token function"},"filetoDataURL"),n("span",{class:"token punctuation"},"("),a("file"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"res"),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},"=>"),n("span",{class:"token punctuation"},"{"),a(`
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("res"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
picList`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),a("res"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("picList"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"beginChoose"),a(),n("span",{class:"token operator"},"="),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"e"),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},"=>"),n("span",{class:"token punctuation"},"{"),a(`
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"beginChoose"'),n("span",{class:"token punctuation"},","),a("e"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
doneHandle`),n("span",{class:"token punctuation"},","),a(`
filetoDataURL`),n("span",{class:"token punctuation"},","),a(`
beginChoose`),n("span",{class:"token punctuation"},","),a(`
picList
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1),V=["src"],$=n("p",null,[a("\u4F7F\u7528 "),n("code",null,"default"),a(" \u63D2\u69FD, \u81EA\u5B9A\u4E49\u5165\u53E3")],-1),O=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-upload")]),a(),n("span",{class:"token attr-name"},"@done"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("getUploadFile"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@choose"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("beginChoose"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),a("default")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("params"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a("\u4E0A\u4F20 - \u662F\u5426\u7981\u7528 - {{ params.disabled }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#preview"),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("(item,index) in picList"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("`demo1-pic-"),n("span",{class:"token punctuation"},"'"),a("${index}`"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("img")]),a(),n("span",{class:"token attr-name"},":src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("item"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},"/>")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-upload")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref"),n("span",{class:"token punctuation"},","),a("reactive "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token keyword"},"const"),a(" picList "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"filetoDataURL"),n("span",{class:"token operator"},"="),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("file"),n("span",{class:"token punctuation"},","),a("fn")]),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},"=>"),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token keyword"},"const"),a(" reader "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"new"),a(),n("span",{class:"token class-name"},"FileReader"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
reader`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function-variable function"},"onloadend"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"e"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token function"},"fn"),n("span",{class:"token punctuation"},"("),a("e"),n("span",{class:"token punctuation"},"."),a("target"),n("span",{class:"token punctuation"},"."),a("result"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
reader`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"readAsDataURL"),n("span",{class:"token punctuation"},"("),a("file"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"getUploadFile"),n("span",{class:"token operator"},"="),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"files"),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},"=>"),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token keyword"},"if"),n("span",{class:"token punctuation"},"("),a("Array"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"isArray"),n("span",{class:"token punctuation"},"("),a("files"),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},"&&"),a("files"),n("span",{class:"token punctuation"},"."),a("length"),n("span",{class:"token operator"},">"),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),a(`
files`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("file"),n("span",{class:"token punctuation"},","),a("index"),n("span",{class:"token punctuation"},","),a("array")]),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},"=>"),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token function"},"filetoDataURL"),n("span",{class:"token punctuation"},"("),a("file"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"res"),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},"=>"),n("span",{class:"token punctuation"},"{"),a(`
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("res"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
picList`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),a("res"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("picList"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"beginChoose"),a(),n("span",{class:"token operator"},"="),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"e"),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},"=>"),n("span",{class:"token punctuation"},"{"),a(`
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"beginChoose"'),n("span",{class:"token punctuation"},","),a("e"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
getUploadFile`),n("span",{class:"token punctuation"},","),a(`
filetoDataURL`),n("span",{class:"token punctuation"},","),a(`
beginChoose`),n("span",{class:"token punctuation"},","),a(`
picList
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1),T=["src"],K=n("p",null,[a("\u4F7F\u7528 "),n("code",null,"lay-upload"),a(" \u6807\u7B7E, \u5E76\u4F7F\u7528 "),n("code",null,"multiple"),a(" \u521B\u5EFA\u4E00\u4E2A\u53EF\u4E0A\u4F20\u591A\u4E2A\u6587\u4EF6\u7684\u4E0A\u4F20\u7EC4\u4EF6")],-1),S=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-upload")]),a(),n("span",{class:"token attr-name"},":multiple"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("true"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-upload")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1),G=n("p",null,[a("\u4F7F\u7528 "),n("code",null,"lay-upload"),a(" \u6807\u7B7E, \u4F7F\u7528 "),n("code",null,"drag\u5C5E\u6027"),a(" \u521B\u5EFA\u4E00\u4E2A\u53EF\u62D6\u62FD\u7684\u4E0A\u4F20\u6587\u4EF6\u57DF")],-1),J=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-upload")]),a(),n("span",{class:"token attr-name"},":drag"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("true"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-upload")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1),Q=n("p",null,[a("\u4F7F\u7528 "),n("code",null,"lay-upload"),a(" \u6807\u7B7E, \u4F7F\u7528 "),n("code",null,"#preview"),a(" \u81EA\u5B9A\u4E49\u9884\u89C8\u7684UI\u4EA4\u4E92,\u4F7F\u7528 "),n("code",null,"disabled"),a(" \u5BF9\u4E0A\u4F20\u6309\u94AE\u6DFB\u52A0\u7981\u7528\u72B6\u6001,\u4F7F\u7528 "),n("code",null,"disabledPreview"),a(" \u5BF9\u4E0A\u4F20\u9884\u89C8\u533A\u57DF\u6DFB\u52A0\u7981\u7528\u72B6\u6001")],-1),W=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-upload")]),a(),n("span",{class:"token attr-name"},"@done"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("getUploadFile2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":disabled"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("true"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":disabledPreview"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("true"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#preview"),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("easy-wrap"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("img")]),a(),n("span",{class:"token attr-name"},"src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("https://chixian.oss-cn-hangzhou.aliyuncs.com/20211023003617_0706a.jpg"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a("62.9px"),n("span",{class:"token punctuation"},";"),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),a("63.2px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},"/>")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("img")]),a(),n("span",{class:"token attr-name"},"src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("https://chixian.oss-cn-hangzhou.aliyuncs.com/20211023003617_0706a.jpg"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a("62.9px"),n("span",{class:"token punctuation"},";"),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),a("63.2px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},"/>")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("img")]),a(),n("span",{class:"token attr-name"},"src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("https://chixian.oss-cn-hangzhou.aliyuncs.com/20211023003617_0706a.jpg"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a("62.9px"),n("span",{class:"token punctuation"},";"),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),a("63.2px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},"/>")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("img")]),a(),n("span",{class:"token attr-name"},"src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("https://chixian.oss-cn-hangzhou.aliyuncs.com/20211023003617_0706a.jpg"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a("62.9px"),n("span",{class:"token punctuation"},";"),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),a("63.2px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},"/>")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("img")]),a(),n("span",{class:"token attr-name"},"src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("https://chixian.oss-cn-hangzhou.aliyuncs.com/20211023003617_0706a.jpg"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a("62.9px"),n("span",{class:"token punctuation"},";"),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),a("63.2px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},"/>")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-upload")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"getUploadFile2"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"file"),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},"=>"),n("span",{class:"token punctuation"},"{"),a(`
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("file"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
getUploadFile2
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1),X=n("div",{class:"easy-wrap"},[n("img",{src:"https://chixian.oss-cn-hangzhou.aliyuncs.com/20211023003617_0706a.jpg",style:{width:"62.9px",height:"63.2px"}}),n("img",{src:"https://chixian.oss-cn-hangzhou.aliyuncs.com/20211023003617_0706a.jpg",style:{width:"62.9px",height:"63.2px"}}),n("img",{src:"https://chixian.oss-cn-hangzhou.aliyuncs.com/20211023003617_0706a.jpg",style:{width:"62.9px",height:"63.2px"}}),n("img",{src:"https://chixian.oss-cn-hangzhou.aliyuncs.com/20211023003617_0706a.jpg",style:{width:"62.9px",height:"63.2px"}}),n("img",{src:"https://chixian.oss-cn-hangzhou.aliyuncs.com/20211023003617_0706a.jpg",style:{width:"62.9px",height:"63.2px"}})],-1),Y=n("p",null,[a("\u4F7F\u7528 "),n("code",null,"lay-upload"),a(" \u6807\u7B7E, \u6DFB\u52A0 "),n("code",null,"cut"),a(" \u5F00\u542F \u9009\u62E9\u6587\u4EF6\u540E\u526A\u88C1\u529F\u80FD")],-1),Z=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-upload")]),a(),n("span",{class:"token attr-name"},"@cutdone"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("getCutDone"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"acceptMime"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("images"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@cutcancel"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("getCutCancel"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":cut"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("true"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":multiple"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@done"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("getFileDone"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#preview"),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("easy-wrap"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("cutUrl"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("img")]),a(),n("span",{class:"token attr-name"},":src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("cutUrl"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},"/>")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-upload")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token keyword"},"const"),a(" cutUrl "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'""'),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"getCutDone"),n("span",{class:"token operator"},"="),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"res"),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},"=>"),n("span",{class:"token punctuation"},"{"),a(`
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"getCutDone"'),n("span",{class:"token punctuation"},","),a("res"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
cutUrl`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" res"),n("span",{class:"token punctuation"},"."),a("msg"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"getCutCancel"),n("span",{class:"token operator"},"="),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"res"),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},"=>"),n("span",{class:"token punctuation"},"{"),a(`
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"getCutCancel"'),n("span",{class:"token punctuation"},","),a("res"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"getFileDone"),n("span",{class:"token operator"},"="),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"res"),n("span",{class:"token punctuation"},")"),n("span",{class:"token operator"},"=>"),n("span",{class:"token punctuation"},"{"),a(`
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"getFileDone"'),n("span",{class:"token punctuation"},","),a("res"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
getCutDone`),n("span",{class:"token punctuation"},","),a(`
getCutCancel`),n("span",{class:"token punctuation"},","),a(`
getFileDone`),n("span",{class:"token punctuation"},","),a(`
cutUrl
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1),nn={key:0,class:"easy-wrap"},an=["src"],sn=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u7C7B\u578B"),n("th",null,"\u9ED8\u8BA4\u503C"),n("th",null,"\u53EF\u9009\u503C")])]),n("tbody",null,[n("tr",null,[n("td",null,"url"),n("td",null,"\u670D\u52A1\u7AEF\u4E0A\u4F20\u63A5\u53E3\u7684\u5730\u5740"),n("td",null,"string"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"data"),n("td",null,"\u8BF7\u6C42\u4E0A\u4F20\u63A5\u53E3\u7684\u989D\u5916\u53C2\u6570"),n("td",null,"object"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"headers"),n("td",null,"\u63A5\u53E3\u7684\u8BF7\u6C42\u5934"),n("td",null,"object"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"acceptMime"),n("td",null,"\u6587\u4EF6\u9009\u62E9\u6846\u65F6\u7684\u53EF\u9009\u6587\u4EF6\u7C7B\u578B"),n("td",null,"string"),n("td",null,[n("code",null,"MIME_type")]),n("td",null,[n("code",null,"MIME_type")])]),n("tr",null,[n("td",null,"field"),n("td",null,"\u8BBE\u5B9A\u6587\u4EF6\u57DF\u7684\u5B57\u6BB5\u540D"),n("td",null,"string"),n("td",null,[n("code",null,"file")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"size"),n("td",null,"\u8BBE\u7F6E\u6587\u4EF6\u6700\u5927\u53EF\u5141\u8BB8\u4E0A\u4F20\u7684\u5927\u5C0F\uFF0C\u5355\u4F4D KB\u3002\u4E0D\u652F\u6301ie8/9"),n("td",null,"number"),n("td",null,[n("code",null,"0(\u4E0D\u9650\u5236)")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"multiple"),n("td",null,"\u662F\u5426\u5141\u8BB8\u591A\u6587\u4EF6\u4E0A\u4F20\u3002\u8BBE\u7F6E true\u5373\u53EF\u5F00\u542F\u3002\u4E0D\u652F\u6301ie8/9"),n("td",null,"boolean"),n("td",null,"false"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"number"),n("td",null,"\u8BBE\u7F6E\u540C\u65F6\u53EF\u4E0A\u4F20\u7684\u6587\u4EF6\u6570\u91CF\uFF0C\u4E00\u822C\u914D\u5408 multiple \u53C2\u6570\u51FA\u73B0\u3002"),n("td",null,"number"),n("td",null,[n("code",null,"0(\u4E0D\u9650\u5236)")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"drag"),n("td",null,"\u662F\u5426\u63A5\u53D7\u62D6\u62FD\u7684\u6587\u4EF6\u4E0A\u4F20\uFF0C\u8BBE\u7F6E false \u53EF\u7981\u7528\u3002\u4E0D\u652F\u6301ie8/9"),n("td",null,"boolean"),n("td",null,"true"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"disabled"),n("td",null,"\u8BBE\u7F6E\u6587\u4EF6\u7981\u7528"),n("td",null,"boolean"),n("td",null,"false"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"disabledPreview"),n("td",null,"\u8BBE\u7F6E\u6587\u4EF6\u9884\u89C8\u63D2\u69FD\u533A\u57DF\u4E3A\u7981\u7528\u72B6\u6001"),n("td",null,"boolean"),n("td",null,"false"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"cut"),n("td",null,"\u662F\u5426\u5F00\u542F\u9009\u62E9\u56FE\u7247\u540E\u68C0\u6D4B,\u8BBE\u7F6Etrue\u53EF\u5F00\u542F"),n("td",null,"boolean"),n("td",null,"false"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"cutOptions"),n("td",null,"\u5F00\u542F\u526A\u88C1\u7684\u6A21\u6001\u5F39\u7A97\u4E0E\u526A\u88C1\u6846\u7684\u914D\u7F6E"),n("td",null,"object"),n("td",null,"{ layerOption,copperOption }"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"text"),n("td",null,"\u666E\u901A\u4E0A\u4F20\u63CF\u8FF0"),n("td",null,"string"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"dragText"),n("td",null,"\u62D6\u62FD\u4E0A\u4F20\u63CF\u8FF0"),n("td",null,"string"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"auto"),n("td",null,"\u662F\u5426\u81EA\u52A8\u63D0\u4EA4"),n("td",null,"boolean"),n("td",null,"false"),n("td",null,"\u2013")])])],-1),tn=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u540D\u79F0"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53C2\u6570")])]),n("tbody",null,[n("tr",null,[n("td",null,"preview"),n("td",null,"\u81EA\u5B9A\u4E49\u9884\u89C8\u6548\u679C"),n("td",null,"\u2013")])])],-1),on=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u540D\u79F0"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53C2\u6570")])]),n("tbody",null,[n("tr",null,[n("td",null,"choose"),n("td",null,"\u6253\u5F00\u7CFB\u7EDF\u9009\u62E9\u6587\u4EF6\u7A97\u4F53\u7684\u56DE\u8C03"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"before"),n("td",null,"\u4E0A\u4F20\u4E8B\u52A1\u5F00\u542F\u524D\u7684\u56DE\u8C03"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"done"),n("td",null,"\u4E0A\u4F20\u4E8B\u52A1\u7ED3\u675F\u7684\u56DE\u8C03"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"error"),n("td",null,"\u4E0A\u4F20\u4E8B\u52A1\u4E2D\u51FA\u73B0\u9519\u8BEF\u7684\u56DE\u8C03"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"cutdown"),n("td",null,"\u526A\u88C1\u5B8C\u6210"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"cutclose"),n("td",null,"\u526A\u88C1\u53D6\u6D88"),n("td",null,"\u2013")])])],-1),en={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},ln={},un={__name:"upload",setup(cn,{expose:U}){let i=w([]),y=(o,u)=>{let k=new FileReader;k.onloadend=function(e){u(e.target.result)},k.readAsDataURL(o)},D=o=>{console.log("\u89E6\u53D1"),Array.isArray(o)&&o.length>0&&o.forEach((u,k,e)=>{y(u,c=>{console.log(c),i.value.push(c),console.log(i.value)})})},f=o=>{console.log("beginChoose",o)};i=w([]),y=(o,u)=>{reader=new FileReader,reader.onloadend=function(k){u(k.target.result)},reader.readAsDataURL(o)};let L=o=>{Array.isArray(o)&&o.length>0&&o.forEach((u,k,e)=>{y(u,c=>{console.log(c),i.value.push(c),console.log(i.value)})})};f=o=>{console.log("beginChoose",o)};let F=o=>{console.log(o)},h=w(""),j=o=>{console.log("getCutDone",o),h.value=o.msg},R=o=>{console.log("getCutCancel",o)},z=o=>{console.log("getFileDone",o)};return U({frontmatter:{}}),(o,u)=>{const k=l("lay-anchor"),e=l("lay-field"),c=l("lay-upload"),r=l("lay-code"),A=l("lay-button"),v=l("lay-table-box"),E=l("lay-contributor"),b=l("lay-icon"),x=l("router-link");return d(),g("div",B,[s(k,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u9ED8\u8BA4\u63D2\u69FD,\u591A\u6587\u4EF6\u4E0A\u4F20,\u62D6\u62FD\u4E0A\u4F20,\u81EA\u5B9A\u4E49\u9884\u89C8/\u4E0A\u4F20\u7981\u7528,\u63D0\u4F9B\u9ED8\u8BA4\u526A\u88C1\u529F\u80FD,Upload \u5C5E\u6027,Upload \u63D2\u69FD,Upload \u4E8B\u4EF6",currIndex:-1,show:!0}),s(e,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),P,s(e,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(r,null,{description:t(()=>[H]),code:t(()=>[I]),default:t(()=>[s(c,{url:"https://www.mocky.io/v2/5cc8019d300000980a055e76",onDone:p(D),field:"bigFile",onChoose:p(f)},{preview:t(()=>[(d(!0),g(C,null,q(p(i),(m,_)=>(d(),g("div",{key:`demo1-pic-'${_}`},[n("img",{src:m},null,8,V)]))),128))]),_:1},8,["onDone","onChoose"])]),_:1}),s(e,{id:"\u9ED8\u8BA4\u63D2\u69FD",title:"\u9ED8\u8BA4\u63D2\u69FD",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(r,null,{description:t(()=>[$]),code:t(()=>[O]),default:t(()=>[s(c,{onDone:p(L),onChoose:p(f)},{default:t(m=>[s(A,null,{default:t(()=>[a("\u4E0A\u4F20 - \u662F\u5426\u7981\u7528 - "+M(m.disabled),1)]),_:2},1024)]),preview:t(()=>[(d(!0),g(C,null,q(p(i),(m,_)=>(d(),g("div",{key:`demo1-pic-'${_}`},[n("img",{src:m},null,8,T)]))),128))]),_:1},8,["onDone","onChoose"])]),_:1}),s(e,{id:"\u591A\u6587\u4EF6\u4E0A\u4F20",title:"\u591A\u6587\u4EF6\u4E0A\u4F20",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(r,null,{description:t(()=>[K]),code:t(()=>[S]),default:t(()=>[a(" \xA0 "),s(c,{multiple:!0})]),_:1}),s(e,{id:"\u62D6\u62FD\u4E0A\u4F20",title:"\u62D6\u62FD\u4E0A\u4F20",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(r,null,{description:t(()=>[G]),code:t(()=>[J]),default:t(()=>[a(" \xA0 "),s(c,{drag:!0})]),_:1}),s(e,{id:"\u81EA\u5B9A\u4E49\u9884\u89C8/\u4E0A\u4F20\u7981\u7528",title:"\u81EA\u5B9A\u4E49\u9884\u89C8/\u4E0A\u4F20\u7981\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(r,null,{description:t(()=>[Q]),code:t(()=>[W]),default:t(()=>[a(" \xA0 "),s(c,{onDone:p(F),disabled:!0,disabledPreview:!0},{preview:t(()=>[X]),_:1},8,["onDone"])]),_:1}),s(e,{id:"\u63D0\u4F9B\u9ED8\u8BA4\u526A\u88C1\u529F\u80FD",title:"\u63D0\u4F9B\u9ED8\u8BA4\u526A\u88C1\u529F\u80FD",style:{"margin-top":"21px","margin-bottom":"20px"}},{default:t(()=>[s(r,null,{description:t(()=>[Y]),code:t(()=>[Z]),default:t(()=>[a(" \xA0 "),s(c,{onCutdone:p(j),acceptMime:"images",onCutcancel:p(R),cut:!0,multiple:!1,onDone:p(z)},{preview:t(()=>[p(h)?(d(),g("div",nn,[n("img",{src:p(h)},null,8,an)])):N("",!0)]),_:1},8,["onCutdone","onCutcancel","onDone"])]),_:1})]),_:1}),s(e,{id:"Upload \u5C5E\u6027",title:"Upload \u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(v,null,{default:t(()=>[sn]),_:1}),s(e,{id:"Upload \u63D2\u69FD",title:"Upload \u63D2\u69FD",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(v,null,{default:t(()=>[tn]),_:1}),s(e,{id:"Upload \u4E8B\u4EF6",title:"Upload \u4E8B\u4EF6",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(v,null,{default:t(()=>[on]),_:1}),s(E,{"file-path":"upload"}),n("div",en,[n("div",null,[s(x,{to:"/zh-CN/components/cascader",class:"lay-link",style:{display:""}},{default:t(()=>[s(b,{type:"layui-icon-left"}),a("\u7EA7\u8054\u9009\u62E9\u5668")]),_:1})]),n("div",null,[s(x,{to:"/zh-CN/components/iconPicker",class:"lay-link",style:{display:""}},{default:t(()=>[a("\u56FE\u6807\u9009\u62E9\u5668 "),s(b,{type:"layui-icon-right"})]),_:1})])])])}}};export{un as default,ln as frontmatter};
Reference in New Issue View Git Blame Copy Permalink