wind-explorer/ecoconnect
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

image upload only

Browse Source
This commit is contained in:
Wind-Explorer
2024-08-13 02:07:32 +08:00
parent 2472d8ca6b
commit 0db0dc5b27
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/components/InsertBillImage.tsx
View File

@@ -3,6 +3,7 @@ import config from "../config";
import instance from "../security/http"; import instance from "../security/http";
import { AxiosResponse } from "axios"; import { AxiosResponse } from "axios";
import { Card } from "@nextui-org/react"; import { Card } from "@nextui-org/react";
import { popToast } from "../utilities";
interface InsertImageProps { interface InsertImageProps {
label: string; label: string;
@@ -65,6 +66,13 @@ const InsertBillImage: React.FC<InsertImageProps> = ({
) => { ) => {
const selectedFiles = event.target.files as FileList; const selectedFiles = event.target.files as FileList;
const file = selectedFiles?.[0] || null; const file = selectedFiles?.[0] || null;
if (file && !file.type.startsWith("image/")) {
console.error("Selected file is not an image.");
popToast("Please upload only image.", 2);
return;
}
setSelectedFile(file); setSelectedFile(file);
setPreviewImage(file ? URL.createObjectURL(file) : ""); setPreviewImage(file ? URL.createObjectURL(file) : "");
onImageSelected(file); onImageSelected(file);