Breaking News: Grepper is joining You.com. Read the official announcement!

add image by sweet alert

Mohammad alshraideh answered on November 9, 2022 Popularity 10/10 Helpfulness 1/10

answer add image by sweet alert

add image by sweet alert

Comment

// reactjs codeto browse and upload an image from your device  
const addImage =async() => {

    const { value: file } = await Swal.fire({
      title: 'Select image',
      input: 'file',
      inputAttributes: {
        'accept': 'image/*',
        'aria-label': 'Upload your profile picture'
      }
    })
    
    if (file) {
      const reader = new FileReader()
      reader.onload = (e) => {
        Swal.fire({
          title: 'Your uploaded picture',
          imageUrl: e.target.result,
          imageAlt: 'The uploaded picture'
        }
        
        )
        console.log(e.target.result);
      }
     
      reader.readAsDataURL(file)
    }

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: add alert image javascript sweetalert sweetalert2 upload

Link to this answer
Share Copy Link

Contributed on Nov 09 2022

Mohammad alshraideh

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

add image by sweet alert

Contents

More Related Answers

add image by sweet alert

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.