处理文件上传的逻辑,修复上传为空的问题
This commit is contained in:
parent
74557d5fdb
commit
720ba0553c
|
@ -78,6 +78,7 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import JSZip from 'jszip'
|
import JSZip from 'jszip'
|
||||||
|
import FileSaver from 'file-saver'
|
||||||
import PhdSelect from '../PHDSelect.vue'
|
import PhdSelect from '../PHDSelect.vue'
|
||||||
import { getAction,postAction } from '../../../../api/manage'
|
import { getAction,postAction } from '../../../../api/manage'
|
||||||
const columns = [
|
const columns = [
|
||||||
|
@ -232,11 +233,24 @@ export default {
|
||||||
beforeUpload(file,fileList) {
|
beforeUpload(file,fileList) {
|
||||||
this.fileList = fileList
|
this.fileList = fileList
|
||||||
},
|
},
|
||||||
async handleUpload({ file }) {
|
handleUpload({ file }) {
|
||||||
this.uploading = true
|
this.uploading = true
|
||||||
this.fileNum += 1
|
this.fileNum += 1
|
||||||
if (this.fileNum == this.fileList.length) {
|
if (this.fileNum == this.fileList.length) {
|
||||||
await this.zipFile(this.fileList, (added) => { }).then(content => {
|
this.zipFile(this.fileList)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async zipFile(fileList, onProgress) {
|
||||||
|
const zip = new JSZip()
|
||||||
|
const promises=[]
|
||||||
|
fileList.forEach(file => {
|
||||||
|
promises.push(this.readAsArrayBuffer(file))
|
||||||
|
})
|
||||||
|
Promise.all(promises).then(result => {
|
||||||
|
result.forEach(res => {
|
||||||
|
zip.file(res.fileName, res.data)
|
||||||
|
})
|
||||||
|
zip.generateAsync({ type: 'blob' }).then(content => {
|
||||||
let file = new File([content], 'test.zip', { type: content.type })
|
let file = new File([content], 'test.zip', { type: content.type })
|
||||||
const formData = new FormData()
|
const formData = new FormData()
|
||||||
formData.append("file",file)
|
formData.append("file",file)
|
||||||
|
@ -244,37 +258,24 @@ export default {
|
||||||
this.uploading = false
|
this.uploading = false
|
||||||
this.fileNum = 0
|
this.fileNum = 0
|
||||||
if (res.success) {
|
if (res.success) {
|
||||||
console.log(res);
|
|
||||||
this.$message.success(res.message)
|
this.$message.success(res.message)
|
||||||
} else {
|
} else {
|
||||||
this.$message.warning(res.message)
|
this.$message.warning(res.message)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
}
|
})
|
||||||
},
|
|
||||||
async zipFile(fileList, onProgress) {
|
|
||||||
const zip = new JSZip()
|
|
||||||
let i = 0
|
|
||||||
for await (let f of fileList) {
|
|
||||||
const fileData = await this.readAsArrayBuffer(f)
|
|
||||||
console.log(f.webkitRelativePath);
|
|
||||||
zip.file(f.webkitRelativePath, fileData, { createFolders: true })
|
|
||||||
i++
|
|
||||||
onProgress && onProgress(i)
|
|
||||||
}
|
|
||||||
return zip.generateAsync({ type: 'blob' })
|
|
||||||
},
|
},
|
||||||
|
|
||||||
async readAsArrayBuffer(file){
|
async readAsArrayBuffer(file){
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve) => {
|
||||||
let reader = new FileReader()
|
let reader = new FileReader()
|
||||||
reader.readAsArrayBuffer(file)
|
reader.readAsArrayBuffer(file)
|
||||||
reader.onload = () => {
|
reader.onload = (e) => {
|
||||||
resolve(reader.result)
|
resolve({
|
||||||
}
|
fileName: file.name,
|
||||||
reader.onloadend = () => {
|
data: e.target.result
|
||||||
reject('FileReader failed')
|
})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue
Block a user