4 <p>Please enable JavaScript to use file uploader.</p>
5 <!-- or put a simple form for upload here -->
9 <script type="text/javascript">
11 function createUploader() {
12 uploader = new qq.FileUploader({
13 element: document.getElementById('js_upload'),
14 action: '{{$post_url}}',
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>' +
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>' +
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');
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)');
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 : '',
55 window.addEventListener('load', createUploader);