<script type="text/javascript">
    var inputFile;
   var canvas,fileName;
   let inputPhoto = document.getElementById('imgInp');

    $('[id$=imgInp]').change(function(e) {
     readURL(e.target);
     });

        function readURL(input) {
            console.log("readURL open");
            if (input.files && input.files[0] && input.files[0].size <= 1048576) {
                $("#target").css("display", "block");
                $("#preview").css("display", "block");
                fileName = input.files[0].name;
                console.log(fileName);

                var reader = new FileReader();
                reader.onload = function (e) {
                    $('[id$=target]').attr('src', e.target.result);
                        $('[id$=target]').Jcrop({
                            onChange : updatePreview,
                            onSelect : updatePreview,
                            aspectRatio : 1
                        });
                }
                reader.readAsDataURL(input.files[0]);
            } else {
                 alert('File must be equal or less than 1MB');
            }
        inputPhoto.value = '';

        }

        function updatePreview(c) {
            if(parseInt(c.w) > 0) {
                // Show image preview
                var imageObj = $('[id$=target]')[0];
                canvas = $('[id$=preview]')[0];
                var context = canvas.getContext("2d");
                context.drawImage(imageObj, c.x, c.y, c.w, c.h, 0, 0, canvas.width, canvas.height);
            }
        };
        function onSaveResult(result, event) {
            alert('File was saved as: '+result);
        }

        function saveImage(){
            var p1 = canvas.toDataURL("image/png").match(/data:(.+);base64,(.+)/);
            addNewProfilePhoto(fileName, p1[2]);
            let inputPhoto = document.getElementById('imgInp');
        }

        function deleteAttachments() {
            deleteAttachmentsJS();
        }

        function updateProfilePhoto1() {
            var p1 = canvas.toDataURL("image/png").match(/data:(.+);base64,(.+)/);
            updateProfilePhotoJS(fileName, p1[2]);
            console.log("New file name: " + fileName);
        }
    </script>