/

如何確保上傳的圖片大小小於特定大小

如何確保上傳的圖片大小小於特定大小

我有一個表單，其中包含一個文件輸入框，讓用戶上傳圖片：

1
2
3
4
<input
 name='image'
 type='file'
 accept='image/\*'

我需要這個圖片的大小小於3MB。

因此，我將以下代碼添加到React應用程序中的onChange事件中，以實現此要求：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<input
 name='image'
 type='file'
 accept='image/\*'
 onChange={(event) => {
 if (event.target.files && event.target.files[0]) {
 if (event.target.files[0].size > 3 \* 1000 \* 1024) {
 alert('最大允許的大小為3MB')
 return false
 }
 setImage(event.target.files[0])
 setImageURL(URL.createObjectURL(event.target.files[0]))
 }
 }}
/>

tags: [“React”, “file input”, “image upload”, “size limit”]