Skip to content

sopham / todolist

Go to a project
Commit c6625a80 by sopham
Options

finish

parent 337dc2cc
Expand all
Inline Side-by-side
Showing with 49 additions and 72 deletions
function.js
...@@ -16,6 +16,7 @@ function myFunction() { ...@@ -16,6 +16,7 @@ function myFunction() {
} }
//display image //display image
/*
function readURL(input) { function readURL(input) {
if (input.files && input.files[0]) { if (input.files && input.files[0]) {
var reader = new FileReader(); var reader = new FileReader();
...@@ -30,7 +31,7 @@ function readURL(input) { ...@@ -30,7 +31,7 @@ function readURL(input) {
$("#imageUpload").change(function() { $("#imageUpload").change(function() {
readURL(this); readURL(this);
}); });
*/
//display input from database //display input from database
$(document).ready(function() { $(document).ready(function() {
$.ajax({ $.ajax({
...@@ -62,5 +63,34 @@ $(document).ready(function() { ...@@ -62,5 +63,34 @@ $(document).ready(function() {
}); });
}); });
//upload image
$(document).ready(function() {
$('#imageUpload').change(function() {
var fd = new FormData();
var files = $('#imageUpload')[0].files[0];
fd.append('file',files);
$.ajax({
url: 'test.php',
type: 'POST',
data: fd,
contentType: false,
processData: false,
success: function(data) {
$('#imagePreview').css('background-image', 'url('+data +')');
$('#imagePreview').hide();
$('#imagePreview').fadeIn(650);
}
});
});
});
//display image
$(document).ready(function() {
$.ajax({
type: "POST",
url: "avatar-display.php",
success: function(data) {
$('#imagePreview').css('background-image', 'url('+data +')');
}
});
});
function1.js
...@@ -43,3 +43,6 @@ $("#delete-button").click(function() { ...@@ -43,3 +43,6 @@ $("#delete-button").click(function() {
} }
}); });
}); });
//upload image
index.php
...@@ -22,19 +22,19 @@ if(!isset($_SESSION['loggedin'])) { ...@@ -22,19 +22,19 @@ if(!isset($_SESSION['loggedin'])) {
</head> </head>
<body> <body>
<div class="row"> <div class="row">
<div class="side" id="side"> <div class="side" id="side">
<div class="list-card"> <div class="list-card">
<div class="avatar-upload"> <div class="avatar-upload">
<div class="avatar-edit"> <div class="avatar-edit">
<input type="file" accept="image/gif, image/jpeg, image/png" id="imageUpload" onchange="readURL(this);"> <!--<input type="file" accept="image/gif, image/jpeg, image/png" id="imageUpload" onchange="readURL(this);">-->
<input type="file" accept="image/gif, image/jpeg, image/png" id="imageUpload" name="image">
<label for="imageUpload"></label> <label for="imageUpload"></label>
</div> </div>
<div class="avatar-preview"> <div class="avatar-preview">
<div id="imagePreview" style="background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/20625/avatar-bg.png);"></div> <div id="imagePreview" style="background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/20625/avatar-bg.png);"></div>
</div> </div>
</div> </div>
</div> </div>
<div class="task-card"> <div class="task-card">
<div class="extra-content" id="extraContent"> <div class="extra-content" id="extraContent">
<a href="javascript:window.print()"><i class="glyphicon glyphicon-print"></i> Print List</a> <a href="javascript:window.print()"><i class="glyphicon glyphicon-print"></i> Print List</a>
...@@ -52,7 +52,6 @@ if(!isset($_SESSION['loggedin'])) { ...@@ -52,7 +52,6 @@ if(!isset($_SESSION['loggedin'])) {
<form action="dbconnection.php" method="POST" id="addAction"> <form action="dbconnection.php" method="POST" id="addAction">
<input type="text" id="add-task" onkeypress="return event.keyCode != 13" name="add-task" placeholder="Add tasks..." autocomplete="off"> <input type="text" id="add-task" onkeypress="return event.keyCode != 13" name="add-task" placeholder="Add tasks..." autocomplete="off">
<!--<input type="submit" class="add-button" id="add" onclick="insert(); addRow(); onFormSubmit();" name="add-button" value="Add">-->
<input type="submit" class="add-button" id="add" onkeypress="return searchKeyPress(event);" name="add-button" value="Add"> <input type="submit" class="add-button" id="add" onkeypress="return searchKeyPress(event);" name="add-button" value="Add">
</form> </form>
<form class="task-board card" class="list" id="form"> <form class="task-board card" class="list" id="form">
......
index_php.php deleted 100755 → 0
<?php
if(isset($_POST['logout'])) {
session_name($user);
session_destroy();
header('Location: login_page.php');
exit;
}
if(isset($_POST['add-button'])){
$addTask = $_POST['add-task'];
$file = fopen("taskList.txt","a+") or die("Unable to open file");
$s = $addTask."\r\n";
fputs($file,$s) or die("Unable to open save");
fclose($file);
header('Location: index.php');
}
?>
upload.js deleted 100755 → 0
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('#imagePreview').css('background-image', 'url('+e.target.result +')');
$('#imagePreview').hide();
$('#imagePreview').fadeIn(650);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#imageUpload").change(function() {
readURL(this);
});
upload.php 100755 → 100644
<?php <?php
$uploads_dir = "/var/www/html/to-do-list/uploads/"; session_start();
$target_file = $uploads_dir . basename($_FILES["fileToUpload"]["name"]); if(is_uploaded_file($_FILES['file']['tmp_name'])) {
$sourcePath = $_FILES['file']['tmp_name'];
$uploadOk = 1; $targetPath = "upload/".basename($_SESSION['name'].'.'.end((explode(".", $_FILES['file']['name']))));
$imageFileType = strtolower(pathinfo($target_file, PATHINO_EXTENSION)); if(move_uploaded_file($sourcePath, $targetPath)) {
$_SESSION['avatar'] = $targetPath;
if (isset($_POST["submit"])) { echo $targetPath;
// check if image file is an actual image }
$check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
if ($check == false) {
echo "File is not an image";
$uploadOk = 0;
} }
// check file size
if ($_FILES["fileToUpload"]["size"] > 500000) {
echo "File is too large";
$uploadOk = 0;
}
// allow certain file format
if ($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg" && $imageFileType != "gif") {
echo "Only JPG, JPEG, PNG & GIF files are allowed";
$uploadOk = 0;
}
if ($uploadOk == 0) {
if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
echo "your file is uploaded successfully yayyy";
}
}
}
?> ?>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment