Skip to main content

image upload without multer or any of package

 



<script type="text/javascript" >
    function readURL(res) {
        if (res) {
            var reader = new FileReader();
            reader.onload = function (e) {
                console.log(e.target.result);
                $('#blah').attr('src', e.target.result);
            }
            reader.readAsDataURL(res);
        }
    }

  //this is for image preview while uploadding

function view(){
  const file = document.getElementById('imgInp').files[0];
  console.log(file);
//this is image compress

  imageConversion.compressAccurately(file,100).then(res=>{
    //The res in the promise is a compressed Blob type (which can be treated as a File type) file;
    console.log(res);
    readURL(res)
  })
}

imageConversion link
<script src="https://cdn.jsdelivr.net/gh/WangYuLue/image-conversion
/build/conversion.js"></script>

Comments