theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🐛(component): 修复 upload 组件 field 属性无效

Browse Source
This commit is contained in:
就眠儀式 2022-08-26 02:00:42 +08:00
parent 41830c7df8
commit 50ca7bf8c1
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
package/component/src/component/upload/index.vue
View File

@ -173,6 +173,7 @@ interface localUploadTransaction {
} }
const innerCutVisible = ref<boolean>(false); const innerCutVisible = ref<boolean>(false);
const localUploadTransaction = (option: localUploadTransaction) => { const localUploadTransaction = (option: localUploadTransaction) => {
const { url, files } = option; const { url, files } = option;
let formData = new FormData(); let formData = new FormData();
@ -183,7 +184,7 @@ const localUploadTransaction = (option: localUploadTransaction) => {
if (Array.isArray(files) && files.length > 0) { if (Array.isArray(files) && files.length > 0) {
for (let i = 0; i < files.length; i++) { for (let i = 0; i < files.length; i++) {
let _file = files[i]; let _file = files[i];
formData.append("file[" + i + "]", _file); formData.append(props.field + "[" + i + "]", _file);
} }
} }
// 对应Upload属性的data字段,额外的上传参数 // 对应Upload属性的data字段,额外的上传参数
@ -324,8 +325,14 @@ const getUploadChange = (e: any) => {
activeUploadFilesImgs.value.push(res); activeUploadFilesImgs.value.push(res);
}); });
} }
let arm1 = props.cut && props.acceptMime.indexOf("images") != -1 && props.multiple == false; let arm1 =
let arm2 = props.cut && props.acceptMime.indexOf("images") != -1 && props.multiple == true; props.cut &&
props.acceptMime.indexOf("images") != -1 &&
props.multiple == false;
let arm2 =
props.cut &&
props.acceptMime.indexOf("images") != -1 &&
props.multiple == true;
if (arm1) { if (arm1) {
innerCutVisible.value = true; innerCutVisible.value = true;
setTimeout(() => { setTimeout(() => {

2
package/document-component/src/document/zh-CN/components/upload.md
View File

@ -13,7 +13,7 @@
::: demo 使用 `lay-upload` 标签, 创建一个上传按钮 ::: demo 使用 `lay-upload` 标签, 创建一个上传按钮
<template> <template>
<lay-upload @done="getUploadFile" @choose="beginChoose"> <lay-upload @done="getUploadFile" field="bigFile" @choose="beginChoose" url="http://www.baidu.com">
<template #preview> <template #preview>
<div v-for="(item,index) in picList" :key="`demo1-pic-'${index}`"> <div v-for="(item,index) in picList" :key="`demo1-pic-'${index}`">
<img :src="item"/> <img :src="item"/>