waveringana/embedder
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Move middlewear to seperate file, Files can expire

Browse source
This commit is contained in:
anarch3 2022-11-19 07:53:47 -05:00
parent da127b3118
commit 521390fde7
10 changed files with 2044 additions and 375 deletions
Download patch file Download diff file Expand all files Collapse all files

166
public/js/index.js
View file

@ -1,29 +1,31 @@
/* eslint-env browser: true */
function copyURI(evt) {
evt.preventDefault();
navigator.clipboard.writeText(absolutePath(evt.target.getAttribute('src'))).then(() => {
/* clipboard successfully set */
console.log("copied")
}, () => {
/* clipboard write failed */
console.log("failed")
});
navigator.clipboard.writeText(absolutePath(evt.target.getAttribute("src"))).then(() => {
/* clipboard successfully set */
console.log("copied");
}, () => {
/* clipboard write failed */
console.log("failed");
});
}
function copyA(evt) {
evt.preventDefault();
navigator.clipboard.writeText(absolutePath(evt.target.getAttribute('href'))).then(() => {
console.log("copied");
}, () => {
console.log("failed");
});
evt.preventDefault();
navigator.clipboard.writeText(absolutePath(evt.target.getAttribute("href"))).then(() => {
console.log("copied");
}, () => {
console.log("failed");
});
}
function copyPath(evt) {
navigator.clipboard.writeText(absolutePath(evt)).then(() => {
console.log("copied");
}, () => {
console.log("failed");
});
navigator.clipboard.writeText(absolutePath(evt)).then(() => {
console.log("copied");
}, () => {
console.log("failed");
});
}
function absolutePath (href) {
@ -33,99 +35,109 @@ function absolutePath (href) {
}
function extension(string) {
return string.slice((string.lastIndexOf(".") - 2 >>> 0) + 2);
return string.slice((string.lastIndexOf(".") - 2 >>> 0) + 2);
}
let dropArea = document.getElementById("dropArea");
;['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
dropArea.addEventListener(eventName, preventDefaults, false)
})
["dragenter", "dragover", "dragleave", "drop"].forEach(eventName => {
dropArea.addEventListener(eventName, preventDefaults, false);
});
function preventDefaults (e) {
e.preventDefault()
e.stopPropagation()
e.preventDefault();
e.stopPropagation();
}
;['dragenter', 'dragover'].forEach(eventName => {
dropArea.addEventListener(eventName, highlight, false)
["dragenter", "dragover"].forEach(eventName => {
dropArea.addEventListener(eventName, highlight, false);
})
;['dragleave', 'drop'].forEach(eventName => {
dropArea.addEventListener(eventName, unhighlight, false)
})
;["dragleave", "drop"].forEach(eventName => {
dropArea.addEventListener(eventName, unhighlight, false);
});
function highlight(e) {
dropArea.classList.add('highlight')
dropArea.classList.add("highlight");
}
function unhighlight(e) {
dropArea.classList.remove('highlight')
dropArea.classList.remove("highlight");
}
dropArea.addEventListener('drop', handleDrop, false)
window.addEventListener('paste', handlePaste);
dropArea.addEventListener("drop", handleDrop, false);
window.addEventListener("paste", handlePaste);
function handleDrop(e) {
let dt = e.dataTransfer
let files = dt.files
handleFiles(files)
let dt = e.dataTransfer;
let files = dt.files;
handleFiles(files);
}
function handlePaste(e) {
// Get the data of clipboard
const clipboardItems = e.clipboardData.items;
const items = [].slice.call(clipboardItems).filter(function (item) {
// Filter the image items only
return item.type.indexOf('image') !== -1;
});
if (items.length === 0) {
return;
}
// Get the data of clipboard
const clipboardItems = e.clipboardData.items;
const items = [].slice.call(clipboardItems).filter(function (item) {
// Filter the image items only
return item.type.indexOf("image") !== -1;
});
if (items.length === 0) {
return;
}
const item = items[0];
// Get the blob of image
const blob = item.getAsFile();
console.log(blob)
const item = items[0];
// Get the blob of image
const blob = item.getAsFile();
console.log(blob);
uploadFile(blob)
previewFile(blob);
uploadFile(blob);
previewFile(blob);
}
function handleFiles(files) {
files = [...files]
files.forEach(uploadFile)
files.forEach(previewFile)
files = [...files];
files.forEach(uploadFile);
files.forEach(previewFile);
}
function previewFile(file) {
let reader = new FileReader()
reader.readAsDataURL(file)
reader.onloadend = function() {
let img = document.createElement('img');
img.src = reader.result
img.className = "image";
document.getElementById('gallery').appendChild(img)
console.log(document.getElementById('fileupload'))
document.getElementById('fileupload').src = img.src;
}
let reader = new FileReader();
reader.readAsDataURL(file);
reader.onloadend = function() {
let img = document.createElement("img");
img.src = reader.result;
img.className = "image";
document.getElementById("gallery").appendChild(img);
console.log(document.getElementById("fileupload"));
document.getElementById("fileupload").src = img.src;
};
}
function uploadFile(file) {
let xhr = new XMLHttpRequest();
let formData = new FormData();
xhr.open('POST', '/', true);
let xhr = new XMLHttpRequest();
let formData = new FormData();
let reader = new FileReader();
xhr.open("POST", "/", true);
xhr.addEventListener('readystatechange', function(e) {
if (xhr.readyState == 4 && xhr.status == 200) {
location.reload();
}
else if (xhr.readyState == 4 && xhr.status != 200) {
// Error. Inform the user
}
})
xhr.addEventListener("readystatechange", function(e) {
if (xhr.readyState == 4 && xhr.status == 200) {
location.reload();
}
else if (xhr.readyState == 4 && xhr.status != 200) {
// Error. Inform the user
}
});
formData.append('fileupload', file);
xhr.send(formData)
if (file == null || file == undefined) {
//file = reader.readAsDataURL(document.getElementById("fileupload").files[0]);
//file = reader.readAsDataURL(document.querySelector("#fileupload").files[0]);
file = document.querySelector("#fileupload").files[0];
}
formData.append("fileupload", file);
formData.append("expire", document.getElementById("expire").value);
console.log(formData);
xhr.send(formData);
}