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

<input
 name='image'
 type='file'
 accept='image/\*'

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

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

<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]))
 }
 }}
/>