13 <div
id=
"<?= $block->getHtmlId() ?>" class=
"uploader">
14 <span
class=
"fileinput-button form-buttons">
15 <span><?=
__(
'Browse Files') ?></span>
16 <input
id=
"fileupload" type=
"file" name=
"<?= /* @escapeNotVerified */ $block->getConfig()->getFileField() ?>" 17 data-url=
"<?= /* @escapeNotVerified */ $block->getConfig()->getUrl() ?>" multiple>
19 <div
class=
"clear"></div>
20 <script
id=
"<?= $block->getHtmlId() ?>-template" type=
"text/x-magento-template">
21 <div
id=
"<%- data.id %>" class=
"file-row">
22 <span
class=
"file-info"><%- data.name %> (<%- data.size %>)</span>
23 <div
class=
"progressbar-container">
24 <div
class=
"progressbar upload-progress" style=
"width: 0%;"></div>
26 <div
class=
"clear"></div>
35 'jquery/file-uploader',
38 ],
function ($, mageTemplate) {
40 $(
'#fileupload').fileupload({
46 sequentialUploads:
true,
47 maxFileSize: <?=
$block->getFileSizeService()->getMaxFileSize() ?> ,
48 add:
function (e, data) {
49 var progressTmpl = mageTemplate(
'#<?= $block->getHtmlId() ?>-template'),
53 $.each(data.files,
function (index, file) {
54 fileSize = typeof file.size ==
"undefined" ?
55 $.mage.__(
'We could not detect a size.') :
56 byteConvert(file.size);
58 data.fileId = Math.random().toString(36).substr(2, 9);
68 $(tmpl).appendTo(
'#<?= $block->getHtmlId() ?>');
71 $(
this).fileupload(
'process', data).done(
function () {
75 done:
function (e, data) {
76 var progressSelector =
'#' + data.fileId +
' .progressbar-container .progressbar';
77 $(progressSelector).css(
'width',
'100%');
78 if (data.result && !data.result.hasOwnProperty(
'errorcode')) {
79 $(progressSelector).removeClass(
'upload-progress').addClass(
'upload-success');
80 MediabrowserInstance.handleUploadComplete();
82 $(progressSelector).removeClass(
'upload-progress').addClass(
'upload-failure');
85 progress:
function (e, data) {
86 var progress = parseInt(data.loaded / data.total * 100, 10);
87 var progressSelector =
'#' + data.fileId +
' .progressbar-container .progressbar';
88 $(progressSelector).css(
'width', progress +
'%');
90 fail:
function (e, data) {
91 var progressSelector =
'#' + data.fileId +
' .progressbar-container .progressbar';
92 $(progressSelector).removeClass(
'upload-progress').addClass(
'upload-failure');