phlaym/photoprismupload
1
0
Fork 0
Code Issues 9 Pull Requests Projects 1 Releases 1 Wiki Activity

implemented upload

Browse Source
This commit is contained in:
aymm
2021-08-26 07:47:56 +00:00
parent 7bfed5a48b
commit b27a3bbc58
2 changed files with 93 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
index.php
View File

@ -7,11 +7,49 @@ use PhotoPrismUpload\API\PhotoPrism;
?>
<html>
<head>
<style>
.form-wrapper {
display: grid;
grid-template-rows: auto auto auto;
grid-auto-columns: auto auto;
max-width: 300px;
}
label[for="album"] {
grid-column: 1;
grid-row: 1;
/* display: block; */
}
#album {
grid-column: 2;
grid-row: 1;
}
#input {
grid-row: 2;
grid-column: 1/3;
}
.form-wrapper > form:nth-child(1) {
display: inherit;
}
input[type=submit] {
grid-column: 1/3;
grid-row: 3;
justify-self: center;
}
</style>
</head>
<body></body>
<?php
$config = require(__DIR__ . '/config.php');
$api = new PhotoPrism($config);
$albums = [];
try {
$api->login();
$albums = $api->getAlbums();
} catch (\Exception $e) {
die('Fehler: ' . $e->getMessage());
}
if (!isset($_POST['submit'])) {
?>
<script>
@ -21,7 +59,7 @@ if (!isset($_POST['submit'])) {
const isInvalid = window.tooLarge || window.tooManyFiles;
console.log('Validating', window.tooLarge, window.tooManyFiles, isInvalid);
if (isInvalid) {
const errorDiv = document.getElementById('error');
const errorDiv = document.getElementById('error');m
errorDiv.innerText = '';
errorDiv.innerText += window.tooLarge ? 'Zu groß, Upload muss weniger als 200MB sein. ' : '';
errorDiv.innerText += window.tooManyFiles ? 'Zu viele Dateien, maximal 200 erlaubt. ' : '';
@ -30,11 +68,22 @@ if (!isset($_POST['submit'])) {
return !isInvalid;
}
</script>
<form method="POST" enctype="multipart/form-data" onsubmit="return validateForm();">
<input multiple type="file" name="files[]" id="input" />
<input type="submit" name="submit" value="Upload" />
</form>
<div id="error" style="display:none"></div>
<div class="form-wrapper">
<form method="POST" enctype="multipart/form-data" onsubmit="return validateForm();">
<label for="album">Zu Album hinzufügen</label>
<select name="album" id="album">
<option value="">---</option>
<?php foreach ($albums as $album) {
echo '<option value="' . $album->uid . '">' . $album->title . '</option>\n';
} ?>
</select>
<!--<label></label>
<input type="text" />!-->
<input multiple type="file" name="files[]" id="input" />
<input type="submit" name="submit" value="Upload" />
</form>
<div id="error" style="display:none"></div>
</div>
<script>
const input = document.getElementById('input')
@ -60,12 +109,10 @@ if (!isset($_POST['submit'])) {
<?php
die();
}
$config = require(__DIR__ . '/config.php');
$api = new PhotoPrism($config);
try {
$api->login();
$api->getAlbums();
$api->uploadPhotos($_POST['album']);
} catch (\Exception $e) {
die('Fehler: ' . $e->getMessage());
}
?>
Erfolg! <a href=".">Zurück</a>