js_upload/js_upload.php

   1 <?php
   2 /**
   3  * Name: JS Uploader
   4  * Description: JavaScript photo/image uploader. Uses Valum 'qq' Uploader.
   5  * Version: 1.0
   6  * Author: Chris Case <http://friendika.openmindspace.org/profile/chris_case>
   7  */
   8
   9 /**
  10  *
  11  * JavaScript Photo/Image Uploader
  12  *
  13  * Uses Valum 'qq' Uploader.
  14  * Module Author: Chris Case
  15  *
  16  */
  17 use Friendica\Core\Config;
  18 use Friendica\Core\Hook;
  19 use Friendica\Core\L10n;
  20 use Friendica\Core\Logger;
  21
  22 function js_upload_install() {
  23         Hook::register('photo_upload_form', 'addon/js_upload/js_upload.php', 'js_upload_form');
  24         Hook::register('photo_post_init',   'addon/js_upload/js_upload.php', 'js_upload_post_init');
  25         Hook::register('photo_post_file',   'addon/js_upload/js_upload.php', 'js_upload_post_file');
  26         Hook::register('photo_post_end',    'addon/js_upload/js_upload.php', 'js_upload_post_end');
  27 }
  28
  29
  30 function js_upload_uninstall() {
  31         Hook::unregister('photo_upload_form', 'addon/js_upload/js_upload.php', 'js_upload_form');
  32         Hook::unregister('photo_post_init',   'addon/js_upload/js_upload.php', 'js_upload_post_init');
  33         Hook::unregister('photo_post_file',   'addon/js_upload/js_upload.php', 'js_upload_post_file');
  34         Hook::unregister('photo_post_end',    'addon/js_upload/js_upload.php', 'js_upload_post_end');
  35 }
  36
  37
  38 function js_upload_form(&$a,&$b) {
  39
  40         $b['default_upload'] = false;
  41
  42         $b['addon_text'] .= '<link href="' . $a->getBaseURL() . '/addon/js_upload/file-uploader/client/fileuploader.css" rel="stylesheet" type="text/css">';
  43         $b['addon_text'] .= '<script src="' . $a->getBaseURL() . '/addon/js_upload/file-uploader/client/fileuploader.js" type="text/javascript"></script>';
  44
  45         $upload_msg = L10n::t('Select files for upload');
  46         $drop_msg = L10n::t('Drop files here to upload');
  47         $cancel = L10n::t('Cancel');
  48         $failed = L10n::t('Failed');
  49
  50         $maximagesize = intval(Config::get('system','maximagesize'));
  51
  52         $b['addon_text'] .= <<< EOT
  53
  54  <div id="file-uploader-demo1">
  55   <noscript>
  56    <p>Please enable JavaScript to use file uploader.</p>
  57    <!-- or put a simple form for upload here -->
  58   </noscript>
  59  </div>
  60
  61 <script type="text/javascript">
  62 var uploader = null;
  63 function getSelected(opt) {
  64             var selected = new Array();
  65             var index = 0;
  66             for (var intLoop = 0; intLoop < opt.length; intLoop++) {
  67                if ((opt[intLoop].selected) ||
  68                    (opt[intLoop].checked)) {
  69                   index = selected.length;
  70                   //selected[index] = new Object;
  71                   selected[index] = opt[intLoop].value;
  72                   //selected[index] = intLoop;
  73                }
  74             }
  75             return selected;
  76          }
  77 function createUploader() {
  78         uploader = new qq.FileUploader({
  79                 element: document.getElementById('file-uploader-demo1'),
  80                 action: '{$b['post_url']}',
  81
  82         template: '<div class="qq-uploader">' +
  83                 '<div class="qq-upload-drop-area"><span>$drop_msg</span></div>' +
  84                 '<div class="qq-upload-button">$upload_msg</div>' +
  85                 '<ul class="qq-upload-list"></ul>' +
  86              '</div>',
  87
  88         // template for one item in file list
  89         fileTemplate: '<li>' +
  90                 '<span class="qq-upload-file"></span>' +
  91                 '<span class="qq-upload-spinner"></span>' +
  92                 '<span class="qq-upload-size"></span>' +
  93                 '<a class="qq-upload-cancel" href="#">$cancel</a>' +
  94                 '<span class="qq-upload-failed-text">$failed</span>' +
  95             '</li>',
  96
  97                 debug: true,
  98                 sizeLimit: $maximagesize,
  99                 onSubmit: function(id,filename) {
 100                         var newalbumElm = document.getElementById('photos-upload-newalbum');
 101                         var albumElm = document.getElementById('photos-upload-album-select');
 102
 103                         var newalbum = newalbumElm ? newalbumElm.value : "";
 104                         var album = albumElm ? albumElm.value : "";
 105
 106                         if (typeof acl != "undefined"){
 107                                 uploader.setParams( {
 108                                         newalbum      : newalbum,
 109                                         album         : album,
 110                                         not_visible   : document.getElementById('photos-upload-noshare').checked,
 111                                         group_allow   : acl.allow_gid.join(','),
 112                                         contact_allow : acl.allow_cid.join(','),
 113                                         group_deny    : acl.deny_gid.join(','),
 114                                         contact_deny  : acl.deny_cid.join(',')
 115                                 });
 116                         } else {
 117                                 uploader.setParams( {
 118                                         newalbum      : newalbum,
 119                                         album         : album,
 120                                         not_visible   : document.getElementById('photos-upload-noshare').checked,
 121                                         group_allow   : getSelected(document.getElementById('group_allow')).join(','),
 122                                         contact_allow : getSelected(document.getElementById('contact_allow')).join(','),
 123                                         group_deny    : getSelected(document.getElementById('group_deny')).join(','),
 124                                         contact_deny  : getSelected(document.getElementById('contact_deny')).join(',')
 125                                 });
 126                         }
 127                 }
 128         });
 129 }
 130
 131
 132 // in your app create uploader as soon as the DOM is ready
 133 // don't wait for the window to load
 134 window.onload = createUploader;
 135
 136
 137 </script>
 138
 139 EOT;
 140
 141
 142 }
 143
 144 function js_upload_post_init(&$a,&$b) {
 145
 146         // list of valid extensions, ex. array("jpeg", "xml", "bmp")
 147
 148         $allowedExtensions = ["jpeg","gif","png","jpg"];
 149
 150         // max file size in bytes
 151
 152         $sizeLimit = Config::get('system','maximagesize'); //6 * 1024 * 1024;
 153
 154         $uploader = new qqFileUploader($allowedExtensions, $sizeLimit);
 155
 156         $result = $uploader->handleUpload();
 157
 158
 159         // to pass data through iframe you will need to encode all html tags
 160         $a->data['upload_jsonresponse'] =  htmlspecialchars(json_encode($result), ENT_NOQUOTES);
 161
 162         if(isset($result['error'])) {
 163                 Logger::log('mod/photos.php: photos_post(): error uploading photo: ' . $result['error'] , Logger::DEBUG);
 164                 echo json_encode($result);
 165                 exit();
 166         }
 167
 168         $a->data['upload_result'] = $result;
 169
 170 }
 171
 172 function js_upload_post_file(&$a,&$b) {
 173
 174         $result = $a->data['upload_result'];
 175
 176         $b['src']               = $result['path'];
 177         $b['filename']  = $result['filename'];
 178         $b['filesize']  = filesize($b['src']);
 179
 180 }
 181
 182
 183 function js_upload_post_end(&$a,&$b) {
 184
 185 Logger::log('upload_post_end');
 186         if(!empty($a->data['upload_jsonresponse'])) {
 187                 echo $a->data['upload_jsonresponse'];
 188                 exit();
 189         }
 190
 191 }
 192
 193
 194 /**
 195  * Handle file uploads via XMLHttpRequest
 196  */
 197 class qqUploadedFileXhr {
 198
 199         private $pathnm = '';
 200
 201     /**
 202      * Save the file in the temp dir.
 203      * @return boolean TRUE on success
 204      */
 205     function save() {
 206         $input = fopen("php://input", "r");
 207
 208                 $upload_dir = Config::get('system','tempdir');
 209                 if(! $upload_dir)
 210                         $upload_dir = sys_get_temp_dir();
 211
 212         $this->pathnm = tempnam($upload_dir,'frn');
 213
 214                 $temp = fopen($this->pathnm,"w");
 215         $realSize = stream_copy_to_stream($input, $temp);
 216
 217         fclose($input);
 218                 fclose($temp);
 219
 220         if ($realSize != $this->getSize()){
 221             return false;
 222         }
 223         return true;
 224     }
 225
 226         function getPath() {
 227                 return $this->pathnm;
 228         }
 229
 230     function getName() {
 231         return $_GET['qqfile'];
 232     }
 233
 234     function getSize() {
 235         if (isset($_SERVER["CONTENT_LENGTH"])){
 236             return (int)$_SERVER["CONTENT_LENGTH"];
 237         } else {
 238             throw new Exception('Getting content length is not supported.');
 239         }
 240     }
 241 }
 242
 243 /**
 244  * Handle file uploads via regular form post (uses the $_FILES array)
 245  */
 246
 247 class qqUploadedFileForm {
 248
 249
 250     /**
 251      * Save the file to the specified path
 252      * @return boolean TRUE on success
 253      */
 254
 255
 256     function save() {
 257         return true;
 258     }
 259
 260         function getPath() {
 261                 return $_FILES['qqfile']['tmp_name'];
 262         }
 263
 264     function getName() {
 265         return $_FILES['qqfile']['name'];
 266     }
 267     function getSize() {
 268         return $_FILES['qqfile']['size'];
 269     }
 270 }
 271
 272 class qqFileUploader {
 273     private $allowedExtensions = [];
 274     private $sizeLimit = 10485760;
 275     private $file;
 276
 277     function __construct(array $allowedExtensions = [], $sizeLimit = 10485760){
 278         $allowedExtensions = array_map("strtolower", $allowedExtensions);
 279
 280         $this->allowedExtensions = $allowedExtensions;
 281         $this->sizeLimit = $sizeLimit;
 282
 283         if (isset($_GET['qqfile'])) {
 284             $this->file = new qqUploadedFileXhr();
 285         } elseif (isset($_FILES['qqfile'])) {
 286             $this->file = new qqUploadedFileForm();
 287         } else {
 288             $this->file = false;
 289         }
 290
 291     }
 292
 293
 294     private function toBytes($str){
 295         $val = trim($str);
 296         $last = strtolower($str[strlen($str)-1]);
 297         switch($last) {
 298             case 'g': $val *= 1024;
 299             case 'm': $val *= 1024;
 300             case 'k': $val *= 1024;
 301         }
 302         return $val;
 303     }
 304
 305     /**
 306      * Returns array('success'=>true) or array('error'=>'error message')
 307      */
 308     function handleUpload(){
 309
 310         if (!$this->file){
 311             return ['error' => L10n::t('No files were uploaded.')];
 312         }
 313
 314         $size = $this->file->getSize();
 315
 316         if ($size == 0) {
 317             return ['error' => L10n::t('Uploaded file is empty')];
 318         }
 319
 320 //        if ($size > $this->sizeLimit) {
 321
 322 //            return array('error' => L10n::t('Uploaded file is too large'));
 323 //        }
 324
 325
 326                 $maximagesize = Config::get('system','maximagesize');
 327
 328                 if(($maximagesize) && ($size > $maximagesize)) {
 329                         return ['error' => L10n::t('Image exceeds size limit of ') . $maximagesize ];
 330
 331                 }
 332
 333         $pathinfo = pathinfo($this->file->getName());
 334         $filename = $pathinfo['filename'];
 335
 336         $ext = $pathinfo['extension'];
 337
 338         if($this->allowedExtensions && !in_array(strtolower($ext), $this->allowedExtensions)){
 339             $these = implode(', ', $this->allowedExtensions);
 340             return ['error' => L10n::t('File has an invalid extension, it should be one of ') . $these . '.'];
 341         }
 342
 343         if ($this->file->save()){
 344             return [
 345                                 'success'=>true,
 346                                 'path' => $this->file->getPath(),
 347                                 'filename' => $filename . '.' . $ext
 348                         ];
 349         } else {
 350             return [
 351                                 'error'=> L10n::t('Upload was cancelled, or server error encountered'),
 352                                 'path' => $this->file->getPath(),
 353                                 'filename' => $filename . '.' . $ext
 354                         ];
 355         }
 356
 357     }
 358 }