wenyongda/ZRAdmin-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

上传文件新增加手动上传

Browse Source
This commit is contained in:
不做码农 2022-05-07 22:01:33 +08:00
parent 2f8ea816e8
commit f107be0ee5
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/FileUpload/index.vue
View File

@ -13,6 +13,7 @@
:data="data" :data="data"
:drag="drag" :drag="drag"
:headers="headers" :headers="headers"
:auto-upload="autoUpload"
class="upload-file-uploader" class="upload-file-uploader"
ref="upload" ref="upload"
> >
@ -100,7 +101,7 @@ const emit = defineEmits()
const number = ref(0) const number = ref(0)
const uploadList = ref([]) const uploadList = ref([])
const baseUrl = import.meta.env.VITE_APP_BASE_API const baseUrl = import.meta.env.VITE_APP_BASE_API
const uploadFileUrl = ref(baseUrl + import.meta.env.VITE_APP_UPLOAD_URL ?? '/Common/UploadFile') // 上传的图片服务器地址 const uploadFileUrl = ref(baseUrl + import.meta.env.VITE_APP_UPLOAD_URL) // 上传的图片服务器地址
const headers = ref({ Authorization: 'Bearer ' + getToken() }) const headers = ref({ Authorization: 'Bearer ' + getToken() })
const fileList = ref([]) const fileList = ref([])
const showTip = computed(() => props.isShowTip && (props.fileType || props.fileSize)) const showTip = computed(() => props.isShowTip && (props.fileType || props.fileSize))
@ -187,6 +188,7 @@ function handleUploadSuccess(response, uploadFile) {
uploadList.value = [] uploadList.value = []
number.value = 0 number.value = 0
emit('update:modelValue', listToString(fileList.value)) emit('update:modelValue', listToString(fileList.value))
emit('success', listToString(fileList.value))
proxy.$modal.closeLoading() proxy.$modal.closeLoading()
} }
} }
@ -215,10 +217,13 @@ function listToString(list, separator) {
} }
return strs != '' ? strs.substr(0, strs.length - 1) : '' return strs != '' ? strs.substr(0, strs.length - 1) : ''
} }
// 提交上传 // 手动提交上传
function submitUpload() { function submitUpload() {
this.$refs.upload.submit() proxy.$refs.upload.submit()
} }
defineExpose({
submitUpload,
})
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">