@@ -54,9 +55,11 @@ export default defineComponent({
}
},
},
+ emits:['update:modelValue'],
setup(props,{ emit }) {
let uploadedFile:Array
= [] ;
const {proxy} = getCurrentInstance();
+ const upFileRef = ref()
const dataParam = reactive({
token:getToken(),
})
@@ -73,7 +76,7 @@ export default defineComponent({
return value
},
set: val => {
- emit('upFileData', val)
+ emit('update:modelValue', val)
}
});
const beforeUpload: UploadProps['beforeUpload'] = () => {
@@ -130,6 +133,9 @@ export default defineComponent({
const handlePreview = (file:UploadUserFile)=>{
window.open(file.url)
}
+ const stopUpFile = ()=>{
+ upFileRef.value.abort()
+ }
return {
dataFileList,
handleSuccess,
@@ -139,6 +145,8 @@ export default defineComponent({
handleChange,
handleExceed,
handlePreview,
+ upFileRef,
+ stopUpFile,
dataParam
};
},
diff --git a/src/components/uploadImg/index.vue b/src/components/uploadImg/index.vue
index 4eaee21..14e6ca3 100644
--- a/src/components/uploadImg/index.vue
+++ b/src/components/uploadImg/index.vue
@@ -12,6 +12,7 @@
:on-exceed = "handleExceed"
:before-upload="beforeAvatarUpload"
:data="dataParam"
+ ref="upImageRef"
>
@@ -66,7 +67,9 @@ export default defineComponent({
}
},
},
+ emits:['update:modelValue'],
setup(props,{ emit }) {
+ const upImageRef = ref()
const baseURL:string|undefined|boolean = import.meta.env.VITE_API_URL
const {proxy} = getCurrentInstance();
const dialogImageUrl = ref('')
@@ -93,7 +96,7 @@ export default defineComponent({
return value
},
set: val => {
- emit('uploadData', val)
+ emit('update:modelValue', val)
}
});
@@ -144,7 +147,11 @@ export default defineComponent({
const setDataFileList = () => {
dataFileList.value = uploadedFile
};
+ const stopUpImage = ()=>{
+ upImageRef.value.abort()
+ }
return {
+ upImageRef,
dataFileList,
imageUrl,
baseURL,
@@ -155,6 +162,7 @@ export default defineComponent({
handleRemove,
handlePictureCardPreview,
handleAvatarSuccess,
+ stopUpImage,
dataParam
};
},
diff --git a/src/components/uploadSelector/index.vue b/src/components/uploadSelector/index.vue
new file mode 100644
index 0000000..84ba92f
--- /dev/null
+++ b/src/components/uploadSelector/index.vue
@@ -0,0 +1,400 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 搜索
+ 重置
+
+
+
+
+
+
+ 上传文件
+
+
+ 上传图片
+
+
+ 上传大文件
+
+
+ 确认返回
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{getExt(scope.row.name)}}
+
+
+
+
+
+
+
+
+ {{ proxy.parseTime(scope.row.updatedAt, '{y}-{m}-{d} {h}:{i}:{s}') }}
+
+
+
+
+ 选择
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
- 查询
-
-
-
-
-
- 重置
-
-
-
-
-
- 文件上传
-
-
-
-
-
- 删除文件
-
-
-
-
-
-
-
-
-
- {{byteText(scope.row.size)}}
-
-
-
-
-
-
-
- 修改
- 删除
-
-
-
-
-
-
-
-
-
- {{item.userNickname}}
-
-
- 请选择
+
@@ -68,13 +60,11 @@