Drag and Drop functionality for Croppie container in upload option

SmritiBhawana commented 5 years ago

Expected Behavior

Drag and Drop is not working for upload example

Actual Behavior

Drag and Drop functionality for Croppie container in upload option which should behave same as upload file option that is the preview must be generated

Steps to Reproduce the Problem

1.open file manger and select the file

drag and drop the file in container having class "upload-msg"
link of example is:- https://foliotek.github.io/Croppie/

Example Link

Please recreate your issue using JSbin, JSFiddle, or Codepen.

Link:

Specifications

Browser: all browser(Firefox 10+ Chrome 12+ IE 10+ Edge Safari 4+ Opera 15+ iOS Android)
Version: above is the given version for respective browser

jedsmith13 commented 5 years ago

Croppie doesn't deal with file upload it deals with cropping the file. You have to upload the image to the browser using JS outside of Croppie and then send it to Croppie to edit and then using the results from Croppie you use JS outside of Croppie to upload the cropped and scaled image to your server.

You could check out some of the related libraries to see if they offer the functionality you are looking for.

webmasterMeyers commented 5 years ago

see here https://itnext.io/integrating-dropzone-with-javascript-image-cropper-optimise-image-upload-e22b12ac0d8a

Foliotek / Croppie