search

Foliotek / Croppie

A Javascript Image Cropper
http://foliotek.github.io/Croppie
MIT License
2.58k stars 884 forks source link

An Issue while croppie an image in Samsung S5 smartphone #678

Open g-torrealba opened 5 years ago

g-torrealba commented 5 years ago

Expected Behavior

I want to get an 300x300 image in order to post it in a html form, running the page in a Samsung S5 smartphone, with chrome

Actual Behavior

The image file says to be 300x300 but the bottom part is lost (approx the 20% of bottom part) ART505

Steps to Reproduce the Problem

  1. Take a photo with Samsung S5
  2. Then use the next code to assign the image to a hidden input (named Base64ImgLogo): this.UploadClick = function () { this.Img.result({type: 'base64', size: {width: 300}, format: 'png'}).then(function (base64) { document.getElementById('Base64ImgLogo').value = base64; document.getElementById('frmGLink_Edit').submit(); }); };
    1. When the image is select by all the width (according the max width in the croppie window), the the issue appears... i was thinking a problem with high resolution in image, but not, the problem persist with low resolution
    2. If the image is zoom in, the problem will not present
    3. Please show me a better way to pass the croppie image to the form post

Specifications