uploader_form_crop.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <div id="__form_container_id__" class="bx-uploader-form-cont bx-popup-width">
  2. __file_field__
  3. <div class="bx-uploader-loading"></div>
  4. <div class="bx-croppie-msg pb-2"></div>
  5. <div class="bx-croppie-err pb-2" id="__errors_container_id__"></div>
  6. <div class="bx-croppie-element my-4"></div>
  7. <div class="flex pt-4 bx-clearfix">
  8. <button class="bx-crop-action bx-crop-upload bx-btn bx-btn-disabled bx-btn-primary mt-2 mr-2"><bx_text:_sys_uploader_crop_submit_button /></button>
  9. <button class="bx-crop-action bx-crop-rotate bx-btn bx-btn-disabled mt-2 mr-2" data-deg="-90"><bx_text:_sys_uploader_crop_rotate_left /></button>
  10. <button class="bx-crop-action bx-crop-rotate bx-btn bx-btn-disabled mt-2 mr-2" data-deg="90"><bx_text:_sys_uploader_crop_rotate_right /></button>
  11. <div class="bx-btn mt-2" onclick="__uploader_instance_name__.onClickCancel()"><bx_text:_sys_uploader_close /></div>
  12. </div>
  13. </div>
  14. <script>
  15. setTimeout(function () {
  16. __uploader_instance_name__.initUploader({
  17. bx_form: {
  18. uo: "__engine__",
  19. so: "__storage_object__",
  20. uid: "__uniq_id__",
  21. m: "__multiple__",
  22. c: "__content_id__",
  23. p: "__storage_private__",
  24. a: "upload"
  25. },
  26. viewport: {
  27. width: 240,
  28. height: 240,
  29. // type: 'circle'
  30. },
  31. boundary: {
  32. width: 280,
  33. height: 280
  34. },
  35. enableOrientation: true
  36. });
  37. }, 100);
  38. </script>