|
@@ -2,8 +2,9 @@
|
|
|
<div class="webuploader-container">
|
|
|
<div :id="'uploader'+upId">
|
|
|
<el-row>
|
|
|
- <div class="btntext upname wenjian" > {{ gfname}}</div>
|
|
|
+
|
|
|
<div class="btntext upname" :id="'picker'+upId">{{name}}</div>
|
|
|
+ <div class="btntext upname wenjian" > {{ gfname}}</div>
|
|
|
</el-row>
|
|
|
|
|
|
<el-row v-for="(fileObj,key) in files" :key="key" class="disflex">
|
|
@@ -63,8 +64,13 @@ onMounted(() => {
|
|
|
const initup=()=>{
|
|
|
getUUID()
|
|
|
uuid.value= getUUID()
|
|
|
- console.log(999999);
|
|
|
initWebUploader();
|
|
|
+}
|
|
|
+const clearFiles=()=>{
|
|
|
+ uploader.value.reset();
|
|
|
+ console.log(files)
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
const getUUID=()=> {
|
|
|
return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
|
|
@@ -91,8 +97,6 @@ const getUUID=()=> {
|
|
|
// }
|
|
|
const initWebUploader=()=>{
|
|
|
files.value=[];
|
|
|
- console.log( files.value);
|
|
|
- console.log(11111)
|
|
|
uploader.value=WebUploader.create({
|
|
|
// swf文件路径
|
|
|
swf: './Uploader.swf',
|
|
@@ -119,7 +123,8 @@ const initWebUploader=()=>{
|
|
|
// 当有文件被添加进队列的时候
|
|
|
|
|
|
uploader.value.on( 'fileQueued', file=> {
|
|
|
-
|
|
|
+ fileName.value='';
|
|
|
+ uuid.value= getUUID();
|
|
|
fileName.value=file.name;
|
|
|
console.log(fileName.value);
|
|
|
console.log(2222);
|
|
@@ -208,9 +213,11 @@ const initWebUploader=()=>{
|
|
|
if(file.ext=='x'){
|
|
|
gfid.value= response.bfid;
|
|
|
emit("Gassaddgfid", gfid.value);
|
|
|
+
|
|
|
}else if(file.ext=='inp'){
|
|
|
bfid.value= response.bfid;
|
|
|
emit("Gassaddbfid", bfid.value);
|
|
|
+
|
|
|
}
|
|
|
});
|
|
|
})
|
|
@@ -266,7 +273,7 @@ const initWebUploader=()=>{
|
|
|
})
|
|
|
|
|
|
}
|
|
|
- defineExpose({gfid,bfid,initWebUploader,files,msg,initup})
|
|
|
+ defineExpose({gfid,bfid,initWebUploader,files,msg,uploaderClear,clearFiles})
|
|
|
</script>
|
|
|
<style>
|
|
|
.webuploader-container {
|
|
@@ -281,6 +288,7 @@ const initWebUploader=()=>{
|
|
|
clip: rect(1px,1px,1px,1px);
|
|
|
}
|
|
|
.webuploader-pick {
|
|
|
+ width: 80px;
|
|
|
position: relative;
|
|
|
display: inline-block;
|
|
|
cursor: pointer;
|
|
@@ -317,7 +325,7 @@ color: #fff;
|
|
|
}
|
|
|
.wenjian{
|
|
|
color: #fff;
|
|
|
- padding-right: 10px;
|
|
|
+ padding-left: 10px;
|
|
|
}
|
|
|
.webuploader-container .el-icon{
|
|
|
color: #fff;
|