{
    type:'uploader',
    label:'Image',
    name:'images',
    isVisible: true,
    defaultValue: [],
    errorMessage: 'image is required',
    required: true,
    showError: false,
    module: 'restaurants',
    imageType: 'single'
}

above like i put the image field validation, but it does not work

{
    type:'uploader',
    label:'Image',
    name:'images',
    isVisible: true,
    defaultValue: [],
    errorMessage: 'image is required',
    required: true,
    showError: false,
    module: 'restaurants',
    imageType: 'single'
}

above like i put the image field validation, but it does not work

• javascript
• reactjs

Share Follow edited Jul 21, 2020 at 11:19 benzene asked Jul 21, 2020 at 10:59 benzenebenzene 5922 silver badges88 bronze badges 3

• Help us help you. What is the question? – MorKadosh Commented Jul 21, 2020 at 11:01
• <input type="file" required/> ? – Yousaf Commented Jul 21, 2020 at 11:10
• @MorKadosh how to give a validation image field ? – benzene Commented Jul 21, 2020 at 11:17

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

<input type="file" onChange={handleChange} />

onChangeFile = event => {
const image = event.target.files[0];
if (!image) {
 console.log('image is required');
 return false;
 }
 if (!image.name.match(/\.(jpg|jpeg|png|gif)$/)) {
   console.log('select valid image.');
  return false;
 }

try this.

/* you can use for file input with image validation

let handlefile = (e) => {
    let selectedFile = e.target.files[0];
    const maxSize = 2 * 1024 * 1024; 
    const allowedTypes = ['image/png', 'image/jpeg'];

    if (!allowedTypes.includes(selectedFile.type)) {
      setFileError(true);
      setFileErrorMessage("File type must be png or jpg");
    } else if (selectedFile.size > maxSize) {
      setFileError(true);
      setFileErrorMessage("File size must be less than 2 MB");
    } else {
      setFileError(false);
      setFileErrorMessage("");
    }
    setFile(selectedFile);
  };