This commit is contained in:
2020-03-01 19:12:12 -05:00
parent c2bfa41b3a
commit d1075d0b79
3 changed files with 178 additions and 54 deletions
+58 -1
View File
@@ -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 = "";
@@ -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 = {
paramName: "file", // The name that will be used to transfer the file
maxFilesize: 0.5, // MB
clickable: true
}
// Dropzone.options.dpzMultipleFiles = {
// paramName: "file", // The name that will be used to transfer the file
// maxFilesize: 0.5, // MB
// clickable: true
// }
/********************************************************
* Use Button To Select Files *
********************************************************/
new Dropzone(document.body, {// Make the whole body a dropzone
url: "#", // Set the url
previewsContainer: "#dpz-btn-select-files", // Define the container to display the previews
clickable: "#select-files" // Define the element that should be used as click trigger to select files.
url: "/member/upload", // Set the url
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.
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>
-->
@@ -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 -->