tam thoi an import multi
This commit is contained in:
parent
e52aac5bd4
commit
9931eb70aa
|
|
@ -154,7 +154,70 @@ const ModalEditLabel = (props) => {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// const uploadImage = async (options) => {
|
||||||
|
// const { file } = options;
|
||||||
|
// const base64 = await convertBase64(file)
|
||||||
|
|
||||||
|
// let dataUploadImg = {
|
||||||
|
// obj_id: crrData._id ? crrData._id : "",
|
||||||
|
// base64_image_list: [base64.split(',')[1]]
|
||||||
|
// }
|
||||||
|
|
||||||
|
// let promises = [];
|
||||||
|
// promises.push(
|
||||||
|
// axios
|
||||||
|
// .post(`${HOST}/api/face_images/famous_person`, dataUploadImg, {
|
||||||
|
// headers: {
|
||||||
|
// 'Accept': 'application/json',
|
||||||
|
// 'Content-Type': 'application/json',
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// )
|
||||||
|
// await Promise.all(promises)
|
||||||
|
// .then((data) => {
|
||||||
|
// let success = false
|
||||||
|
// let manyFace = false
|
||||||
|
// let noFace = false
|
||||||
|
// for (let i = 0; i < data.length; i++) {
|
||||||
|
// const element = data[i];
|
||||||
|
// if (element.data.status === 10000) {
|
||||||
|
// let listImg = dataUpload
|
||||||
|
// setHostImg(element.data.image_host)
|
||||||
|
// listImg.unshift(element.data.data.toString())
|
||||||
|
// setDataUpload(...dataUpload)
|
||||||
|
// success = true
|
||||||
|
// } else if (element.data.status === 10003 && element.data.message === "Too many face in image") {
|
||||||
|
// manyFace = true
|
||||||
|
// } else if (element.data.status === 10003 && element.data.message === "No face in image") {
|
||||||
|
// noFace = true
|
||||||
|
// } else {
|
||||||
|
// success = false
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// if (success) {
|
||||||
|
// let originData = crrImages
|
||||||
|
// originData.unshift(dataUpload[0].toString())
|
||||||
|
// let arrSet = [...new Set(originData)]
|
||||||
|
// setCrrImages(arrSet)
|
||||||
|
// setCheckDeleteMulti(false)
|
||||||
|
// } else if (manyFace) {
|
||||||
|
// swal("Thất bại", "Ảnh có nhiều khuôn mặt!", "error");
|
||||||
|
// } else if (noFace) {
|
||||||
|
// swal("Thất bại", "Ảnh không có khuôn mặt!", "error");
|
||||||
|
// } else {
|
||||||
|
// swal("Thất bại", "Lỗi hệ thống!", "error");
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// .catch((err) => {
|
||||||
|
// console.log(err)
|
||||||
|
// });
|
||||||
|
// };
|
||||||
|
|
||||||
const uploadImage = async (options) => {
|
const uploadImage = async (options) => {
|
||||||
|
if (crrImages.length >= 3) {
|
||||||
|
swal("Cảnh báo", "Bạn chỉ được tải lên tối đa 3 ảnh!", "warning");
|
||||||
|
return
|
||||||
|
} else {
|
||||||
const { file } = options;
|
const { file } = options;
|
||||||
const base64 = await convertBase64(file)
|
const base64 = await convertBase64(file)
|
||||||
|
|
||||||
|
|
@ -163,54 +226,32 @@ const ModalEditLabel = (props) => {
|
||||||
base64_image_list: [base64.split(',')[1]]
|
base64_image_list: [base64.split(',')[1]]
|
||||||
}
|
}
|
||||||
|
|
||||||
let promises = [];
|
fetch(`${HOST}/api/face_images/famous_person`, {
|
||||||
promises.push(
|
method: 'POST',
|
||||||
axios
|
headers: {
|
||||||
.post(`${HOST}/api/face_images/famous_person`, dataUploadImg, {
|
'Accept': 'application/json',
|
||||||
headers: {
|
'Content-Type': 'application/json',
|
||||||
'Accept': 'application/json',
|
// 'Authorization': token
|
||||||
'Content-Type': 'application/json',
|
},
|
||||||
}
|
body: JSON.stringify(dataUploadImg)
|
||||||
})
|
})
|
||||||
)
|
.then(res => res.json())
|
||||||
await Promise.all(promises)
|
.then(data => {
|
||||||
.then((data) => {
|
if (data.status === 10000) {
|
||||||
let success = false
|
setHostImg(data.image_host)
|
||||||
let manyFace = false
|
let listImg = [...crrImages]
|
||||||
let noFace = false
|
listImg.unshift(data.data.toString())
|
||||||
for (let i = 0; i < data.length; i++) {
|
setCrrImages(listImg)
|
||||||
const element = data[i];
|
|
||||||
if (element.data.status === 10000) {
|
|
||||||
let listImg = dataUpload
|
|
||||||
setHostImg(element.data.image_host)
|
|
||||||
listImg.unshift(element.data.data.toString())
|
|
||||||
setDataUpload(...dataUpload)
|
|
||||||
success = true
|
|
||||||
} else if (element.data.status === 10003 && element.data.message === "Too many face in image") {
|
|
||||||
manyFace = true
|
|
||||||
} else if (element.data.status === 10003 && element.data.message === "No face in image") {
|
|
||||||
noFace = true
|
|
||||||
} else {
|
|
||||||
success = false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (success) {
|
|
||||||
let originData = crrImages
|
|
||||||
originData.unshift(dataUpload[0].toString())
|
|
||||||
let arrSet = [...new Set(originData)]
|
|
||||||
setCrrImages(arrSet)
|
|
||||||
setCheckDeleteMulti(false)
|
setCheckDeleteMulti(false)
|
||||||
} else if (manyFace) {
|
} else if (data.status === 10003) {
|
||||||
swal("Thất bại", "Ảnh có nhiều khuôn mặt!", "error");
|
if (data.message === "Too many face in image") {
|
||||||
} else if (noFace) {
|
swal("Thất bại", "Ảnh có nhiều khuôn mặt!", "error");
|
||||||
swal("Thất bại", "Ảnh không có khuôn mặt!", "error");
|
} else {
|
||||||
} else {
|
swal("Thất bại", "Ảnh không hợp lệ", "error");
|
||||||
swal("Thất bại", "Lỗi hệ thống!", "error");
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch((err) => {
|
}
|
||||||
console.log(err)
|
|
||||||
});
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -351,7 +392,7 @@ const ModalEditLabel = (props) => {
|
||||||
customRequest = {uploadImage}
|
customRequest = {uploadImage}
|
||||||
accept="image/*"
|
accept="image/*"
|
||||||
// multiple={true}
|
// multiple={true}
|
||||||
beforeUpload={checkLength}
|
// beforeUpload={checkLength}
|
||||||
showUploadList={false}
|
showUploadList={false}
|
||||||
disabled={disableBtn}
|
disabled={disableBtn}
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -152,7 +152,70 @@ const Modaledit = (props) => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// const uploadImage = async (options) => {
|
||||||
|
// const { file } = options;
|
||||||
|
// const base64 = await convertBase64(file)
|
||||||
|
|
||||||
|
// let dataUploadImg = {
|
||||||
|
// obj_id: crrData._id ? crrData._id : "",
|
||||||
|
// base64_image_list: [base64.split(',')[1]]
|
||||||
|
// }
|
||||||
|
|
||||||
|
// let promises = [];
|
||||||
|
// promises.push(
|
||||||
|
// axios
|
||||||
|
// .post(`${HOST}/api/face_images/famous_person`, dataUploadImg, {
|
||||||
|
// headers: {
|
||||||
|
// 'Accept': 'application/json',
|
||||||
|
// 'Content-Type': 'application/json',
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// )
|
||||||
|
// await Promise.all(promises)
|
||||||
|
// .then((data) => {
|
||||||
|
// let success = false
|
||||||
|
// let manyFace = false
|
||||||
|
// let noFace = false
|
||||||
|
// for (let i = 0; i < data.length; i++) {
|
||||||
|
// const element = data[i];
|
||||||
|
// if (element.data.status === 10000) {
|
||||||
|
// let listImg = dataUpload
|
||||||
|
// setHostImg(element.data.image_host)
|
||||||
|
// listImg.unshift(element.data.data.toString())
|
||||||
|
// setDataUpload(...dataUpload)
|
||||||
|
// success = true
|
||||||
|
// } else if (element.data.status === 10003 && element.data.message === "Too many face in image") {
|
||||||
|
// manyFace = true
|
||||||
|
// } else if (element.data.status === 10003 && element.data.message === "No face in image") {
|
||||||
|
// noFace = true
|
||||||
|
// } else {
|
||||||
|
// success = false
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// if (success) {
|
||||||
|
// let originData = crrImages
|
||||||
|
// originData.unshift(dataUpload[0].toString())
|
||||||
|
// let arrSet = [...new Set(originData)]
|
||||||
|
// setCrrImages(arrSet)
|
||||||
|
// setCheckDeleteMulti(false)
|
||||||
|
// } else if (manyFace) {
|
||||||
|
// swal("Thất bại", "Ảnh có nhiều khuôn mặt!", "error");
|
||||||
|
// } else if (noFace) {
|
||||||
|
// swal("Thất bại", "Ảnh không có khuôn mặt!", "error");
|
||||||
|
// } else {
|
||||||
|
// swal("Thất bại", "Lỗi hệ thống!", "error");
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// .catch((err) => {
|
||||||
|
// console.log(err)
|
||||||
|
// });
|
||||||
|
// };
|
||||||
|
|
||||||
const uploadImage = async (options) => {
|
const uploadImage = async (options) => {
|
||||||
|
if (crrImages.length >= 3) {
|
||||||
|
swal("Cảnh báo", "Bạn chỉ được tải lên tối đa 3 ảnh!", "warning");
|
||||||
|
return
|
||||||
|
} else {
|
||||||
const { file } = options;
|
const { file } = options;
|
||||||
const base64 = await convertBase64(file)
|
const base64 = await convertBase64(file)
|
||||||
|
|
||||||
|
|
@ -161,58 +224,34 @@ const Modaledit = (props) => {
|
||||||
base64_image_list: [base64.split(',')[1]]
|
base64_image_list: [base64.split(',')[1]]
|
||||||
}
|
}
|
||||||
|
|
||||||
let promises = [];
|
fetch(`${HOST}/api/face_images/famous_person`, {
|
||||||
promises.push(
|
method: 'POST',
|
||||||
axios
|
headers: {
|
||||||
.post(`${HOST}/api/face_images/famous_person`, dataUploadImg, {
|
'Accept': 'application/json',
|
||||||
headers: {
|
'Content-Type': 'application/json',
|
||||||
'Accept': 'application/json',
|
// 'Authorization': token
|
||||||
'Content-Type': 'application/json',
|
},
|
||||||
}
|
body: JSON.stringify(dataUploadImg)
|
||||||
})
|
})
|
||||||
)
|
.then(res => res.json())
|
||||||
await Promise.all(promises)
|
.then(data => {
|
||||||
.then((data) => {
|
if (data.status === 10000) {
|
||||||
let success = false
|
setHostImg(data.image_host)
|
||||||
let manyFace = false
|
let listImg = [...crrImages]
|
||||||
let noFace = false
|
listImg.unshift(data.data.toString())
|
||||||
for (let i = 0; i < data.length; i++) {
|
setCrrImages(listImg)
|
||||||
const element = data[i];
|
|
||||||
if (element.data.status === 10000) {
|
|
||||||
let listImg = dataUpload
|
|
||||||
setHostImg(element.data.image_host)
|
|
||||||
listImg.unshift(element.data.data.toString())
|
|
||||||
setDataUpload(...dataUpload)
|
|
||||||
success = true
|
|
||||||
} else if (element.data.status === 10003 && element.data.message === "Too many face in image") {
|
|
||||||
manyFace = true
|
|
||||||
} else if (element.data.status === 10003 && element.data.message === "No face in image") {
|
|
||||||
noFace = true
|
|
||||||
} else {
|
|
||||||
success = false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (success) {
|
|
||||||
let originData = crrImages
|
|
||||||
originData.unshift(dataUpload[0].toString())
|
|
||||||
let arrSet = [...new Set(originData)]
|
|
||||||
setCrrImages(arrSet)
|
|
||||||
setCheckDeleteMulti(false)
|
setCheckDeleteMulti(false)
|
||||||
} else if (manyFace) {
|
} else if (data.status === 10003) {
|
||||||
swal("Thất bại", "Ảnh có nhiều khuôn mặt!", "error");
|
if (data.message === "Too many face in image") {
|
||||||
} else if (noFace) {
|
swal("Thất bại", "Ảnh có nhiều khuôn mặt!", "error");
|
||||||
swal("Thất bại", "Ảnh không có khuôn mặt!", "error");
|
} else {
|
||||||
} else {
|
swal("Thất bại", "Ảnh không hợp lệ", "error");
|
||||||
swal("Thất bại", "Lỗi hệ thống!", "error");
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch((err) => {
|
}
|
||||||
console.log(err)
|
|
||||||
});
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const convertBase64 = (file) => {
|
const convertBase64 = (file) => {
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
const fileReader = new FileReader();
|
const fileReader = new FileReader();
|
||||||
|
|
@ -348,8 +387,8 @@ const Modaledit = (props) => {
|
||||||
<Upload
|
<Upload
|
||||||
customRequest = {uploadImage}
|
customRequest = {uploadImage}
|
||||||
accept="image/*"
|
accept="image/*"
|
||||||
multiple={true}
|
// multiple={true}
|
||||||
beforeUpload={checkLength}
|
// beforeUpload={checkLength}
|
||||||
showUploadList={false}
|
showUploadList={false}
|
||||||
disabled={disableBtn}
|
disabled={disableBtn}
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user