我有一個表單,其中包含一個文件輸入框,讓用戶上傳圖片:
<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]))
}
}}
/>