WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

implemented resource video and pdf upload

Browse Source
This commit was merged in pull request #405.
This commit is contained in:
victorAnumudu
2023-09-07 12:21:05 +01:00
parent 34dc467e8b
commit f650097db2
1 changed files with 29 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/UploadProduct/index.jsx
+29 -11
View File
@@ -81,22 +81,28 @@ export default function UploadProduct({uploadTypes}) {
const [imgDetails, setImgDetails] = useState('')
const changeFile = (e, file) => {
if (e) {
let uploadedFileType = e.target.files[0].type.split("/")[0].toLowerCase();
setSelectedFile(e.target.files[0].name);
setImgDetails(e?.target?.files[0])
const imgRead = new FileReader();
imgRead.onload = (event) => {
setImg(event.target.result);
// setImg(event.target.result);
setImg({ type: uploadedFileType, file: event.target.result });
};
// most importend
imgRead.readAsDataURL(e.target.files[0]);
}
if (file?.length) {
let uploadedFileType = file[0].type.split("/")[0].toLowerCase();
if (file[0].name) {
setSelectedFile(file?.[0].name);
setImgDetails(file?.[0])
const imgRead = new FileReader();
imgRead.onload = (event) => {
setImg(event.target.result);
// setImg(event.target.result);
setImg({ type: uploadedFileType, file: event.target.result });
};
// most importend
imgRead.readAsDataURL(file[0]);
@@ -141,7 +147,7 @@ export default function UploadProduct({uploadTypes}) {
file_name: selectedFile.substring(0,21).replace(/ /gi, ""),//selectedFile.replace(/[ -]/gi, ""),
file_size: imgDetails.size,
file_type: imgDetails.type,
file_data: img,
file_data: img.file,
title: itemName,
description: description,
msg_type: 'FILE',
@@ -164,7 +170,7 @@ export default function UploadProduct({uploadTypes}) {
},5000)
}
//API CALL TO UPLOAD COMES HERE
// API CALL TO UPLOAD COMES HERE
setRequestStatus({loading: true, status: null, message: ''}) // SETS REQUEST LOADING TRUE
apiCall.sendFiles(reqData).then(res=>{
if(res.status != 200 || res.data.internal_return < 0){
@@ -291,17 +297,29 @@ export default function UploadProduct({uploadTypes}) {
>
{img ? (
<div className="w-full h-full">
<img
src={img}
alt=""
className="w-full h-full object-cover"
/>
{img.type === "image" ? (
<img
src={img.file}
alt=""
className="w-full h-full object-cover"
/>
) : img.type === "video" ? (
<video
type=""
src={img.file}
className="w-full h-full object-cover"
controls
></video>
) : img.type != null ? (
<p>{selectedFile}</p>
) : null}
<input
type="file"
id="fileElem"
name="file"
className="hidden"
accept="image/*"
// accept="image/*"
ref={fileRef}
value={selectedFile.name}
onChange={(e) => changeFile(e)}
@@ -358,7 +376,7 @@ export default function UploadProduct({uploadTypes}) {
id="fileElem"
name="file"
className="hidden"
accept="image/*"
// accept="image/*"
ref={fileRef}
value={selectedFile.name}
onChange={(e) => changeFile(e)}