//上传
httpRequest(option){
let file = option.file
// console.log(file)
let fileName = file.name
if(file){
var Reader = new FileReader();
Reader.readAsDataURL(file)
}
Reader.onload=()=>{
let base64File=Reader.result
let data={
"applyCode": this.applycode,
"base64File": base64File.split(',')[1],
"companyCode": this.companycode,
"companyName": "",
"fileHolder": "",
"fileName": fileName,
"fileSuffix": "",
"fileTypeCode": this.fileTypeCode,
"memberCode": this.membercode
}
this.postAxios('/file/upload',data).then((res)=>{
if(res.code==2000){
this.$message.success('文件上传成功')
this.dialogImageUrl = base64File;
this.fileList.url=base64File
// console.log(this.fileList.url)
}
// console.log(res)
}).catch((error)=>{
console.log(error)
})
}
},
handlePictureCardPreview(file) {
//预览图片
console.log(file);
this.dialogImageUrl = file.url;
console.log(this.dialogImageUrl)
this.dialogVisible = true;
},
handleRemove(file, fileList) {
//移除
console.log(file);
console.log(fileList)
this.deleteAxios('/file/delete?fileId='+file.id).then((res)=>{
console.log(res)
}).catch((error)=>{
console.log(error)
})
},//上传
httpRequest(option){
let file = option.file
// console.log(file)
let fileName = file.name
if(file){
var Reader = new FileReader();
Reader.readAsDataURL(file)
}
Reader.onload=()=>{
let base64File=Reader.result
let data={
"applyCode": this.applycode,
"base64File": base64File.split(',')[1],
"companyCode": this.companycode,
"companyName": "",
"fileHolder": "",
"fileName": fileName,
"fileSuffix": "",
"fileTypeCode": this.fileTypeCode,
"memberCode": this.membercode
}
this.postAxios('/file/upload',data).then((res)=>{
if(res.code==2000){
this.$message.success('文件上传成功')
this.dialogImageUrl = base64File;
this.fileList.url=base64File
// console.log(this.fileList.url)
}
// console.log(res)
}).catch((error)=>{
console.log(error)
})
}
},
handlePictureCardPreview(file) {
//预览图片
console.log(file);
this.dialogImageUrl = file.url;
console.log(this.dialogImageUrl)
this.dialogVisible = true;
},
handleRemove(file, fileList) {
//移除
console.log(file);
console.log(fileList)
this.deleteAxios('/file/delete?fileId='+file.id).then((res)=>{
console.log(res)
}).catch((error)=>{
console.log(error)
})
},
<!--上传-->
<el-upload
action="http://192.168.2.96:8000/file/upload"
list-type="text"
accept="text"
:limit="imgLimit"
:data="upLoadData"
:show-file-list=true
:file-list="fileList"
:multiple="isMultiple"
:on-preview="handlePictureCardPreview"
:on-remove="handleRemove"
:before-upload="beforeAvatarUpload"
:on-exceed="handleExceed"
:http-request="httpRequest"
:on-error="imgUploadError">
<i class="el-icon-plus butn">点击上传</i>
</el-upload>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt="">
</el-dialog>