hope/dog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

useSWR upload

Browse Source
This commit is contained in:
Peter Hoppe
2023-02-01 15:28:38 +01:00
parent 153d2156e1
commit 6c15821467
9 changed files with 92 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/services/CreateQr.ts
View File

@ -1,31 +1,8 @@
import { Axios } from './PhpApi';
import { upload } from './PhpApi';
import React from 'react'
import QRCodeStyling from 'qr-code-styling';
const upload = (file: File): Promise<any> =>
{
let formData = new FormData();
formData.append("file", file);
formData.append("submit", "1");
formData.append("qr", "1");
let uploadRes = Axios.post("upload.php", formData, {
headers:
{
"Content-Type": "multipart/form-data",
}
});
console.log('CreateQr upload');
console.log(uploadRes);
// let a: number = 1+3;
// a++;
return uploadRes;
};
export default async function CreateQr({qr_id}:{qr_id: string | undefined})
{
const WWW_ROOT: string = process.env.REACT_APP_WWW_ROOT!;
@ -61,6 +38,6 @@ export default async function CreateQr({qr_id}:{qr_id: string | undefined})
{
file = new File([blob!], 'qr_blob.png', { type: 'image/png' });
console.log(file);
upload(file);
upload(file, '1');
}, 'image/png');
}

28
src/services/FileUploadService.ts
View File

@ -1,28 +0,0 @@
//import http from "../http-common";
import { Axios } from './PhpApi';
const upload = (file: File, onUploadProgress: any): Promise<any> => {
let formData = new FormData();
formData.append("file", file);
formData.append("submit", "1");
let uploadRes = Axios.post("upload.php", formData, {
headers: {
"Content-Type": "multipart/form-data",
},
onUploadProgress,
});
// let a: number = 1+3;
// a++;
return uploadRes;
};
const FileUploadService = {
upload
};
export default FileUploadService;

46
src/services/PhpApi.ts
View File

@ -149,15 +149,39 @@ export const getUser = async () =>
return data;
}
export const session = async () =>
export const upload = (file: File, qr: string = '', onUploadProgress: any = null): Promise<any> =>
{
const res = await Axios.get('session.php');
console.log("Api session");
console.log(res);
let formData = new FormData();
formData.append("file", file);
formData.append("submit", "1");
if(qr !== '')
{
formData.append("qr", "1");
}
let uploadRes = Axios.post("upload.php", formData,
{
headers:
{
"Content-Type": "multipart/form-data",
},
onUploadProgress
});
console.log('Api upload qr = ' + qr);
console.log(uploadRes);
const {data} = res;
return data;
}
return uploadRes;
};
// export const session = async () =>
// {
// const res = await Axios.get('session.php');
// console.log("Api session");
// console.log(res);
// const {data} = res;
// return data;
// }
export const logOut = () =>
{
@ -170,8 +194,8 @@ export const logOut = () =>
.catch((err) => console.error(err));
}
export const sleep = (ms: number) =>
{
return new Promise((resolve) => setTimeout(resolve, ms));
};
// export const sleep = (ms: number) =>
// {
// return new Promise((resolve) => setTimeout(resolve, ms));
// };