|
|
@ -197,35 +197,35 @@ getCurrency(); |
|
|
|
// 这是添加上传图片的接口 |
|
|
|
const imageUrl = ref(""); |
|
|
|
|
|
|
|
// // 上传图片成功的回调函数 |
|
|
|
// const handleAvatarSuccess = (response, uploadFile) => { |
|
|
|
// // imageUrl.value = URL.createObjectURL(uploadFile.raw); |
|
|
|
// // console.log("图片上传成功", response, uploadFile); |
|
|
|
// // addRecharge.value.rechargeVoucher = `http://192.168.8.93:10010/upload/${response.data}`; |
|
|
|
// // console.log("图片名称", addRecharge.value.rechargeVoucher); |
|
|
|
// // 将图片转换为 Base64 编码 |
|
|
|
// const reader = new FileReader(); |
|
|
|
// reader.onloadend = () => { |
|
|
|
// const base64data = reader.result; |
|
|
|
// const data = { |
|
|
|
// rechargeVoucher: base64data, |
|
|
|
// }; |
|
|
|
// // 发送 JSON 对象到服务器 |
|
|
|
// axios |
|
|
|
// .post("http://192.168.8.93:10010/upload", data) |
|
|
|
// .then((res) => { |
|
|
|
// console.log("图片上传成功", res); |
|
|
|
// addRecharge.value.rechargeVoucher = `http://192.168.8.93:10010/upload/${response.data}`; |
|
|
|
// console.log("图片名称", addRecharge.value.rechargeVoucher); |
|
|
|
// }) |
|
|
|
// .catch((error) => { |
|
|
|
// console.error("图片上传失败", error); |
|
|
|
// }); |
|
|
|
// }; |
|
|
|
// 上传图片成功的回调函数 |
|
|
|
const handleAvatarSuccess = (response, uploadFile) => { |
|
|
|
imageUrl.value = URL.createObjectURL(uploadFile.raw); |
|
|
|
console.log("图片上传成功", response, uploadFile); |
|
|
|
addRecharge.value.rechargeVoucher = `http://192.168.8.93:10010/upload/${response.data}`; |
|
|
|
console.log("图片名称", addRecharge.value.rechargeVoucher); |
|
|
|
// 将图片转换为 Base64 编码 |
|
|
|
// const reader = new FileReader(); |
|
|
|
// reader.onloadend = () => { |
|
|
|
// const base64data = reader.result; |
|
|
|
// const data = { |
|
|
|
// rechargeVoucher: base64data, |
|
|
|
// }; |
|
|
|
// 发送 JSON 对象到服务器 |
|
|
|
axios |
|
|
|
.post("http://192.168.8.93:10010/upload", data) |
|
|
|
.then((res) => { |
|
|
|
console.log("图片上传成功", res); |
|
|
|
addRecharge.value.rechargeVoucher = `http://192.168.8.93:10010/upload/${response.data}`; |
|
|
|
console.log("图片名称", addRecharge.value.rechargeVoucher); |
|
|
|
}) |
|
|
|
.catch((error) => { |
|
|
|
console.error("图片上传失败", error); |
|
|
|
}); |
|
|
|
}; |
|
|
|
// reader.readAsDataURL(uploadFile.raw); |
|
|
|
// imageUrl.value = URL.createObjectURL(uploadFile.raw); |
|
|
|
// console.log("图片上传成功", response, uploadFile); |
|
|
|
// }; |
|
|
|
|
|
|
|
// const handleAvatarSuccess = (response, uploadFile) => { |
|
|
|
// // 将图片转换为 Base64 编码 |
|
|
|
// const reader = new FileReader(); |
|
|
@ -291,40 +291,72 @@ const imageUrl = ref(""); |
|
|
|
// reader.readAsDataURL(file); |
|
|
|
// }); |
|
|
|
// }; |
|
|
|
const handleAvatarSuccess = (response, file, fileList) => { |
|
|
|
// 处理上传成功的逻辑 |
|
|
|
imageUrl.value = URL.createObjectURL(file.raw); |
|
|
|
}; |
|
|
|
// const handleAvatarSuccess = (response, file, fileList) => { |
|
|
|
// // 处理上传成功的逻辑 |
|
|
|
// imageUrl.value = URL.createObjectURL(file.raw); |
|
|
|
// }; |
|
|
|
|
|
|
|
const beforeAvatarUpload = (file) => { |
|
|
|
return new Promise((resolve, reject) => { |
|
|
|
const reader = new FileReader(); |
|
|
|
reader.onload = (e) => { |
|
|
|
const base64Data = e.target.result; |
|
|
|
const imgData = { |
|
|
|
image: base64Data, |
|
|
|
fileName: file.name, |
|
|
|
}; |
|
|
|
const formData = new FormData(); |
|
|
|
formData.append("imageData", JSON.stringify(imgData)); |
|
|
|
// 使用 fetch 或者 axios 发送 formData |
|
|
|
fetch("http://192.168.8.93:10010/upload", { |
|
|
|
method: "POST", |
|
|
|
body: formData, |
|
|
|
}) |
|
|
|
.then((response) => response.json()) |
|
|
|
.then((data) => { |
|
|
|
ElMessage.success("上传成功"); |
|
|
|
resolve(); |
|
|
|
}) |
|
|
|
.catch((error) => { |
|
|
|
ElMessage.error("上传失败"); |
|
|
|
reject(); |
|
|
|
}); |
|
|
|
}; |
|
|
|
reader.readAsDataURL(file); |
|
|
|
}); |
|
|
|
}; |
|
|
|
// const beforeAvatarUpload = (file) => { |
|
|
|
// return new Promise((resolve, reject) => { |
|
|
|
// const reader = new FileReader(); |
|
|
|
// reader.onload = (e) => { |
|
|
|
// const base64Data = e.target.result; |
|
|
|
// const imgData = { |
|
|
|
// image: base64Data, |
|
|
|
// fileName: file.name, |
|
|
|
// }; |
|
|
|
// const formData = new FormData(); |
|
|
|
// formData.append("imageData", JSON.stringify(imgData)); |
|
|
|
// // 使用 fetch 或者 axios 发送 formData |
|
|
|
// fetch("http://192.168.8.93:10010/upload", { |
|
|
|
// method: "POST", |
|
|
|
// body: formData, |
|
|
|
// }) |
|
|
|
// .then((response) => response.json()) |
|
|
|
// .then((data) => { |
|
|
|
// ElMessage.success("上传成功"); |
|
|
|
// resolve(); |
|
|
|
// }) |
|
|
|
// .catch((error) => { |
|
|
|
// ElMessage.error("上传失败"); |
|
|
|
// reject(); |
|
|
|
// }); |
|
|
|
// }; |
|
|
|
// reader.readAsDataURL(file); |
|
|
|
// }); |
|
|
|
// }; |
|
|
|
// const beforeAvatarUpload = (file) => { |
|
|
|
// return new Promise((resolve, reject) => { |
|
|
|
// const reader = new FileReader(); |
|
|
|
// reader.onload = (e) => { |
|
|
|
// const base64Data = e.target.result; |
|
|
|
// const imgData = { |
|
|
|
// image: base64Data, |
|
|
|
// fileName: file.name, |
|
|
|
// }; |
|
|
|
// // 将 imgData 转换为 JSON 字符串 |
|
|
|
// const jsonData = JSON.stringify(imgData); |
|
|
|
// // 使用 fetch 或者 axios 发送 JSON 数据 |
|
|
|
// fetch("http://192.168.8.93:10010/upload", { |
|
|
|
// method: "POST", |
|
|
|
// headers: { |
|
|
|
// "Content-Type": "application/json", // 设置请求头为 JSON |
|
|
|
// }, |
|
|
|
// body: jsonData, // 发送 JSON 字符串 |
|
|
|
// }) |
|
|
|
// .then((response) => response.json()) |
|
|
|
// .then((data) => { |
|
|
|
// ElMessage.success("上传成功"); |
|
|
|
// resolve(); |
|
|
|
// }) |
|
|
|
// .catch((error) => { |
|
|
|
// ElMessage.error("上传失败"); |
|
|
|
// reject(); |
|
|
|
// }); |
|
|
|
// }; |
|
|
|
// reader.readAsDataURL(file); |
|
|
|
// }); |
|
|
|
// }; |
|
|
|
|
|
|
|
//充值方式条目 |
|
|
|
const options = [ |
|
|
@ -411,7 +443,7 @@ const deleteRecharge = function () { |
|
|
|
v-for="item in activity" |
|
|
|
:key="item.value" |
|
|
|
:label="item.activityName" |
|
|
|
:value="item.activityId" |
|
|
|
:value="item.rechargeRatio" |
|
|
|
/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
@ -471,6 +503,7 @@ const deleteRecharge = function () { |
|
|
|
<el-upload |
|
|
|
class="avatar-uploader" |
|
|
|
:show-file-list="false" |
|
|
|
action="http://192.168.8.93:10010/upload" |
|
|
|
:on-success="handleAvatarSuccess" |
|
|
|
:before-upload="beforeAvatarUpload" |
|
|
|
> |
|
|
|