js_upload/templates/js_upload.tpl

   1
   2 <div id="js_upload">
   3         <noscript>
   4                 <p>Please enable JavaScript to use file uploader.</p>
   5                 <!-- or put a simple form for upload here -->
   6         </noscript>
   7 </div>
   8
   9 <script type="text/javascript">
  10         var uploader = null;
  11         function createUploader() {
  12                 uploader = new qq.FileUploader({
  13                         element: document.getElementById('js_upload'),
  14                         action: '{{$post_url}}',
  15
  16                         template: '<div class="qq-uploader">' +
  17                                 '<div class="qq-upload-drop-area"><span>{{$drop_msg}}</span></div>' +
  18                                 '<div class="qq-upload-button">{{$upload_msg}}</div>' +
  19                                 '<ul class="qq-upload-list"></ul>' +
  20                                 '</div>',
  21
  22                         // template for one item in file list
  23                         fileTemplate: '<li>' +
  24                                 '<span class="qq-upload-file"></span>' +
  25                                 '<span class="qq-upload-spinner"></span>' +
  26                                 '<span class="qq-upload-size"></span>' +
  27                                 '<a class="qq-upload-cancel" href="#">{{$cancel}}</a>' +
  28                                 '<span class="qq-upload-failed-text">{{$failed}}</span>' +
  29                                 '</li>',
  30
  31                         debug: true,
  32                         sizeLimit: {{$maximagesize}},
  33                         onSubmit: function(id, filename) {
  34                                 let newalbumElm = document.getElementById('photos-upload-newalbum');
  35                                 let albumElm = document.getElementById('photos-upload-album-select');
  36
  37                                 let contact_allow = document.querySelector('[name="contact_allow"]:not(:disabled)');
  38                                 let group_allow = document.querySelector('[name="group_allow"]:not(:disabled)');
  39                                 let contact_deny = document.querySelector('[name="contact_deny"]:not(:disabled)');
  40                                 let group_deny = document.querySelector('[name="group_deny"]:not(:disabled)');
  41
  42                                 uploader.setParams({
  43                                         newalbum      : newalbumElm ? newalbumElm.value : '',
  44                                         album         : albumElm ? albumElm.value : '',
  45                                         not_visible   : document.getElementById('photos-upload-noshare').checked,
  46                                         contact_allow : contact_allow ? contact_allow.value : '',
  47                                         group_allow   : group_allow   ? group_allow.value   : '',
  48                                         contact_deny  : contact_deny  ? contact_deny.value  : '',
  49                                         group_deny    : group_deny    ? group_deny.value    : '',
  50                                 });
  51                         }
  52                 });
  53         }
  54
  55         window.addEventListener('load', createUploader);
  56 </script>