From 3f5e264a37785c9c63e3e31d2be35b0fd20bf6d4 Mon Sep 17 00:00:00 2001
From: ln1778 <465410291@qq.com>
Date: Thu, 5 Sep 2024 19:03:22 +0800
Subject: [PATCH] ee
---
packages/agUpload/src/index.vue | 53 ++++++++++++++++++++++-----------
src/App.vue | 5 +++-
2 files changed, 40 insertions(+), 18 deletions(-)
diff --git a/packages/agUpload/src/index.vue b/packages/agUpload/src/index.vue
index fc17a1f..cd25494 100644
--- a/packages/agUpload/src/index.vue
+++ b/packages/agUpload/src/index.vue
@@ -1,22 +1,22 @@
-
-
+
-
-
+
@@ -24,6 +24,7 @@
export default {
name: "agUpdate",
+ props:['style','class'],
data() {
return {
dialogImageUrl: '',
@@ -31,24 +32,42 @@
fileList:[]
};
},
- mounted() {
- console.log(this.$refs.agupdateref,'this.$refs.agupdateref');
-
- let input=this.$refs.agupdateref.vnode;
- console.log(input,'input');
+ mounted() {
+ let input=this.$refs.agupdateref.$vnode&&this.$refs.agupdateref.$vnode.elm.querySelector('input[type=file]');
+ if(input){
+ input.addEventListener('change',this.onUpdate);
+ }
+
},
methods: {
- handleRemove(file, fileList) {
- console.log(file, fileList);
+ handleRemove(file, fileList) {
+ this.fileList=fileList;
+ this.$emit('onRemove',file,this.fileList);
},
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible = true;
},
- onUpdate(e){
- console.log(e,"ee");
-
+ onUpdate(e){
+ let uplist=[];
+ let files=[...e.target.files];
+ files.map((item,index) => {
+ let filerender=new FileReader();
+ filerender.onload=function(e){
+ uplist.push({
+ name:item.name,
+ url:e.target.result,
+ raw:item
+ });
+ if(files.length-1==index){
+ this.fileList.push(...uplist);
+ this.$emit('onUpload',uplist,this.fileList);
+ }
+ }.bind(this);
+ filerender.readAsDataURL(item);
+ });
+
}
},
};
diff --git a/src/App.vue b/src/App.vue
index 2e81c53..4d1a796 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -47,7 +47,7 @@
{{row.date}}
-
+