fix

www/application/controllers/Member.php

@@ -223,8 +223,65 @@ class Member extends Member_Controller {
     }
 
     public function upload() {
+
+        //  echo "HERE -----------------------------" . rand(1, 10000000);
+        $files = false;
+        //upload.php
+        $uploadFileDir = '/home/uploads/' . $_SESSION['myfolder'];
+
+        if (!is_dir($uploadFileDir)) {
+            mkdir($uploadFileDir, 0777);
+        }
+
+        $uploadFileDir = '/home/uploads/' . $_SESSION['myfolder'] . "/page";
+        if (!is_dir($uploadFileDir)) {
+            mkdir($uploadFileDir, 0777);
+        }
+
+
+        $folder_name = $uploadFileDir . '/';
+
+        if (!empty($_FILES)) {
+
+            $temp_file = $_FILES['file']['tmp_name'];
+            $location = $folder_name . $_FILES['file']['name'];
+            move_uploaded_file($temp_file, $location);
+        }
+
+        if (isset($_POST["name"])) {
+            $filename = $folder_name . $_POST["name"];
+            unlink($filename);
+        }
+
+        $result = array();
+
+        $files = scandir('upload');
+/*
+        $output = '<div class="row">';
+
+        if (false !== $files) {
+            foreach ($files as $file) {
+                if ('.' != $file && '..' != $file) {
+                    $output .= '
+                            <div class="col-md-2">
+                             <img src="' . $folder_name . $file . '" class="img-thumbnail" width="175" height="175" style="height:175px;" />
+                             <button type="button" class="btn btn-link remove_image" id="' . $file . '">Remove</button>
+                            </div>
+                            ';
+                }
+            }
+        }
+        $output .= '</div>';
+ * /
+ * 
+ */
+        $output="Completed";
+        echo $output;
+    }
+
+    public function upload_old() {
         set_time_limit(5000);
-        
+
         $page_item_id = 0;
         $data = [];
         $page_key = "";

www/application/views/member/addpages/VIDEOCARD.php

@@ -59,15 +59,15 @@
                 </div>
                 <div class="card-content">
                     <div class="card-body">
+
                         <div style="padding-bottom: 10px;">
                             <p class="card-text">This example uploads a multiple files using dropzone js library. Using this method,
                                 user gets an option to select th</p>
                             <button id="select-files" class="btn btn-primary mb-1"><i class="icon-file2"></i> Click me to select
                                 files</button>
-                            <form action="#" class="dropzone dropzone-area" id="dpz-btn-select-files">
+                            <form action="/member/upload" class="dropzone dropzone-area" id="dropzoneFrom">
                                 <div class="dz-message">Drop Files Here To Upload</div>
                             </form>
-
                         </div>
                         <div class="form-group">
                             <label for="feedback1" class="sr-only">Note Title</label>
@@ -81,8 +81,16 @@
 
                         <div class="form-actions" style="text-align:right;">
                             <button type="reset" class="btn btn-outline-warning">Cancel</button>
-                            <button type="submit" class="btn btn-primary mr-1">Submit</button>
+                            <button type="button" class="btn btn-info" id="submit-all">Submit</button>
+
+                            <!-- button type="submit" onclick="startUpload(<?= $_SESSION['member_id'] ?>, 0, );" class="btn btn-primary mr-1">Submit</button -->
                         </div>
+
+                        <br />
+                        <div id="preview"></div>
+                        <br />
+
+
                     </div>
 
                 </div>
@@ -94,70 +102,123 @@
 
 <div id="dropzone"></div>
 
-<script src="/assets2/vendors/js/extensions/dropzone.min.js"></script>
+<!-- script src="/assets2/vendors/js/extensions/dropzone.min.js"></script -->
+
 <script type="text/javascript">
 <!--
+
+    $(document).ready(function () {
+        Dropzone.options.dropzoneFrom = {
+            autoProcessQueue: false,
+            acceptedFiles: ".png,.jpg,.gif,.bmp,.jpeg",
+            maxFiles: 10,
+            init: function () {
+                var submitButton = document.querySelector('#submit-all');
+                myDropzone = this;
+                submitButton.addEventListener("click", function () {
+                    alert(3333);
+                    myDropzone.processQueue();
+                });
+                this.on("complete", function () {
+                    if (this.getQueuedFiles().length == 0 && this.getUploadingFiles().length == 0)
+                    {
+                        var _this = this;
+                        _this.removeAllFiles();
+                    }
+               //    list_image();
+                });
+            },
+        };
+
+        list_image();
+
+
+
+        $(document).on('click', '.remove_image', function () {
+            var name = $(this).attr('id');
+            $.ajax({
+                url: "/member/upload",
+                method: "POST",
+                data: {name: name},
+                success: function (data)
+                {
+                    list_image();
+                }
+            })
+        });
+
+    });
+
+
+
+
     /********************************************
      *               Multiple Files              *
      ********************************************/
-    Dropzone.options.dpzMultipleFiles = {
+    //             Dropzone.options.dpzMultipleFiles = {
-        paramName: "file", // The name that will be used to transfer the file
+    //                 paramName: "file", // The name that will be used to transfer the file
-        maxFilesize: 0.5, // MB
+    //                 maxFilesize: 0.5, // MB
-        clickable: true
+    //                 clickable: true
-    }
+    //            }
 
 
     /********************************************************
      *               Use Button To Select Files              *
      ********************************************************/
     new Dropzone(document.body, {// Make the whole body a dropzone
-        url: "#", // Set the url
+        url: "/member/upload", // Set the url
-        previewsContainer: "#dpz-btn-select-files", // Define the container to display the previews
+        previewsContainer: "#dropzoneFrom", // Define the container to display the previews
-        clickable: "#select-files" // Define the element that should be used as click trigger to select files.
+        clickable: "#select-files", // Define the element that should be used as click trigger to select files.
+        autoProcessQueue: false,
+        acceptedFiles: ".png,.jpg,.gif,.bmp,.jpeg,.mp4",
+        maxFiles: 10,
+        parallelUploads:10,
+        init: function () {
+            var submitButton = document.querySelector('#submit-all');
+            myDropzone = this;
+            submitButton.addEventListener("click", function () {
+          alert(3333);        
+        myDropzone.processQueue();
+            });
+            this.on("complete", function () {
+                if (this.getQueuedFiles().length == 0 && this.getUploadingFiles().length == 0)
+                {
+                    var _this = this;
+                    _this.removeAllFiles();
+                }
+            //    list_image();
+            });
+        },
+
     });
 
+        function list_image()
+        {
+            $.ajax({
+                url: "/member/upload",
+                success: function (data) {
+                    $('#preview').html(data);
+                }
+            });
+        }
+
+    function startUpload(member_id, page_id) {
+
+        $('#share_detail').html('Processing...');
+        $('#acc' + page_id).prop('disabled', true);
+        $.ajax({
+            url: "/member/upload?proc=PROCESS&page_id=" + page_id + "&member_id=" + member_id
+        }).done(function (data) {
+            $('#share_detail').html(data);
+            $('#acc' + page_id).prop('disabled', false);
+        });
+        return false;
+    }
+
+
+
+
 
 // -->
 </script>
 
-
-<!--
-<div class="card">
-    <div class="card-content">
-        <div class="card-body">
-            <h4 class="card-title">Add Video</h4>
-        </div>
-        <div class="card-body">
-            <div class="form-body">
-                <div class="form-group">
-                    <label for="feedback1" class="sr-only">Note Title</label>
-                    <input type="text" id="feedback1" class="form-control" placeholder="Name" name="name">
-                </div>
-
-                <div class="form-group" style="text-align: right;">
-
-
-
-                    <form action="#" class="dropzone dropzone-area" id="dpz-btn-select-files">
-                        <div class="dz-message">Drop Files Here To Upload</div>
-                    </form>
-                    <button id="select-files" class="btn btn-primary mb-1"><i class="icon-file2"></i> Select Files</button>
-
-                </div>      
-
-                <div class="form-group">
-                    <label for="feedback3" class="sr-only">Suggestion</label>
-                    <textarea id="feedback3" rows="4" class="form-control" name="message" placeholder="Description"></textarea>
-                </div>
-
-            </div>
-
-            <div class="form-actions">
-                <button type="submit" class="btn btn-primary mr-1">Submit</button>
-                <button type="reset" class="btn btn-outline-warning">Cancel</button>
-            </div>
-        </div>
-    </div>
-</div>
--->
-

www/application/views/member/view_securehead.php

@@ -69,6 +69,12 @@ $menu_items = array(
         <!-- END: Page CSS-->
 
         <!-- END: Vendor CSS-->
+        <script src="/assets2/vendors/js/extensions/dropzone.min.js"></script>
+        <!-- link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /-->
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
+        <!-- script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script-->        
+        <!-- link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/dropzone.css"-->
+        <!-- script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/dropzone.js"></script -->