From 3cf79b7e17f5b2812ce57d38a65bcccf2cd3787c Mon Sep 17 00:00:00 2001
From: fjk <42232973+fu1996@users.noreply.github.com>
Date: Sat, 21 Jan 2023 00:10:48 +0800
Subject: [PATCH] modify limit the type of uploaded pictures

---
 client/src/scenes/loginPage/Form.jsx       | 4 +++-
 client/src/scenes/widgets/MyPostWidget.jsx | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/client/src/scenes/loginPage/Form.jsx b/client/src/scenes/loginPage/Form.jsx
index daae89da1..9c0840e02 100644
--- a/client/src/scenes/loginPage/Form.jsx
+++ b/client/src/scenes/loginPage/Form.jsx
@@ -180,7 +180,9 @@ const Form = () => {
                   p="1rem"
                 >
                   <Dropzone
-                    acceptedFiles=".jpg,.jpeg,.png"
+                    accept={{
+                      "image/*": [".jpg", ".jpeg", ".png"],
+                    }}
                     multiple={false}
                     onDrop={(acceptedFiles) =>
                       setFieldValue("picture", acceptedFiles[0])
diff --git a/client/src/scenes/widgets/MyPostWidget.jsx b/client/src/scenes/widgets/MyPostWidget.jsx
index 2467b5cd7..4ba6dfddd 100644
--- a/client/src/scenes/widgets/MyPostWidget.jsx
+++ b/client/src/scenes/widgets/MyPostWidget.jsx
@@ -81,7 +81,9 @@ const MyPostWidget = ({ picturePath }) => {
           p="1rem"
         >
           <Dropzone
-            acceptedFiles=".jpg,.jpeg,.png"
+            accept={{
+              "image/*": [".jpg", ".jpeg", ".png"],
+            }}
             multiple={false}
             onDrop={(acceptedFiles) => setImage(acceptedFiles[0])}
           >