uploader_form_html5.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <div id="__form_container_id__" class="bx-uploader-form-cont">
  2. <div class="bx-def-padding-sec-bottom">__restrictions_text__</div>
  3. <div id="__errors_container_id__"></div>
  4. <div id="__div_id__"></div>
  5. </div>
  6. <script>
  7. __uploader_instance_name__.initUploader({
  8. template: '<div class="bx-uploader-html5">' +
  9. '<ul class="bx-uploader-html5-list bx-def-margin-bottom"></ul>' +
  10. '<div class="bx-btn bx-btn-primary bx-uploader-html5-button bx-def-margin-sec-right"><bx_text_js:_sys_uploader_html5_shoose_file /></div>' +
  11. '<div class="bx-btn" onclick="__uploader_instance_name__.onClickCancel()"><bx_text:_sys_uploader_close /></div>' +
  12. '<div class="bx-clear">&nbsp;</div>' +
  13. '<div class="bx-uploader-html5-drop-area bx-def-margin-sec-top bx-def-z-index-front"><bx_text_js:_sys_uploader_html5_drop_area /></div>' +
  14. '</div>',
  15. // template for one item in file list
  16. fileTemplate: '<li>' +
  17. '<span class="bx-uploader-html5-file"></span>' +
  18. '<span class="bx-uploader-html5-spinner"></span>' +
  19. '<span class="bx-uploader-html5-size"></span>' +
  20. '<a class="bx-uploader-html5-cancel" href="#"><bx_text_js:_Cancel /></a>' +
  21. '<span class="bx-uploader-html5-failed-text"><bx_text_js:_Failed /></span>' +
  22. '</li>',
  23. classes: {
  24. // used to get elements from templates
  25. button: 'bx-uploader-html5-button',
  26. drop: 'bx-uploader-html5-drop-area',
  27. dropActive: 'bx-uploader-html5-drop-area-active',
  28. list: 'bx-uploader-html5-list',
  29. file: 'bx-uploader-html5-file',
  30. spinner: 'bx-uploader-html5-spinner',
  31. size: 'bx-uploader-html5-size',
  32. cancel: 'bx-uploader-html5-cancel',
  33. // added to list item when upload completes
  34. // used in css to hide progress spinner
  35. success: 'bx-uploader-html5-success',
  36. fail: 'bx-uploader-html5-fail'
  37. }
  38. });
  39. </script>