uploader.phtml 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <?php
  2. /**
  3. * Copyright © Magento, Inc. All rights reserved.
  4. * See COPYING.txt for license details.
  5. */
  6. // @codingStandardsIgnoreFile
  7. /** @var $block \Magento\Backend\Block\Media\Uploader */
  8. ?>
  9. <div id="<?= $block->getHtmlId() ?>" class="uploader"
  10. data-mage-init='{
  11. "Magento_Backend/js/media-uploader" : {
  12. "maxFileSize": <?= /* @escapeNotVerified */ $block->getFileSizeService()->getMaxFileSize() ?>,
  13. "maxWidth": <?= /* @escapeNotVerified */ $block->getImageUploadMaxWidth() ?>,
  14. "maxHeight": <?= /* @escapeNotVerified */ $block->getImageUploadMaxHeight() ?>,
  15. "isResizeEnabled": <?= /* @noEscape */ $block->getImageUploadConfigData()->getIsResizeEnabled() ?>
  16. }
  17. }'
  18. >
  19. <div class="fileinput-button form-buttons button">
  20. <span><?= /* @escapeNotVerified */ __('Browse Files...') ?></span>
  21. <input id="fileupload" type="file" name="<?= /* @escapeNotVerified */ $block->getConfig()->getFileField() ?>"
  22. data-url="<?= /* @escapeNotVerified */ $block->getConfig()->getUrl() ?>" multiple="multiple" />
  23. </div>
  24. <div class="clear"></div>
  25. <script id="<?= $block->getHtmlId() ?>-template" type="text/x-magento-template" data-template="uploader">
  26. <div id="<%- data.id %>" class="file-row">
  27. <span class="file-info"><%- data.name %> (<%- data.size %>)</span>
  28. <div class="progressbar-container">
  29. <div class="progressbar upload-progress" style="width: 0%;"></div>
  30. </div>
  31. <div class="clear"></div>
  32. </div>
  33. </script>
  34. </div>