Compare commits

..

No commits in common. '79e0b64de3ce9bc7ad87759014f19f4bd1d5574f' and 'fbae62eec9513632089600696e1a74ff194eafcf' have entirely different histories.

  1. 2
      src/Galleria.js
  2. 3
      src/ImageUpload.js
  3. 78
      src/index.js

2
src/Galleria.js

@ -17,7 +17,7 @@ export const Galleria = () => {
useEffect(() => {
var messagesRef = firebase.database().ref(`/messaggi/${evento}`);
console.log(`/messaggi/${evento}`);
messagesRef.once("value", function (snapshot) {
const messaggiObject = snapshot.val();
const messaggi = Object.keys(messaggiObject)

3
src/ImageUpload.js

@ -73,7 +73,6 @@ function ImageUpload({ onImageURLSet, onImageUploading }) {
multiple
type="file"
accept="image/*"
capture="camera"
onChange={handleChange}
/>
<label htmlFor="raised-button-file">
@ -90,7 +89,7 @@ function ImageUpload({ onImageURLSet, onImageUploading }) {
spacing={2}
style={{ justifyContent: "center", alignItems: "center" }}
>
<img style={{ width: 100 }} src={URL.createObjectURL(image)} />
<img style={{ width: 200 }} src={URL.createObjectURL(image)} />
<Stack
spacing={4}
style={{ width: "100%", justifyContent: "center" }}

78
src/index.js

@ -1,13 +1,7 @@
import "./App.css";
import React, { useState } from "react";
import ReactDOM from "react-dom/client";
import {
BrowserRouter as Router,
Routes,
Route,
Link,
useParams,
} from "react-router-dom";
import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";
import firebase from "firebase/compat/app";
import "firebase/compat/database";
import "firebase/compat/analytics";
@ -17,7 +11,6 @@ import { Admin } from "./Admin";
import { Galleria } from "./Galleria";
import { ListaEventi } from "./ListaEventi";
import { Button } from "@mui/material";
import EXIF from "exif-js";
const firebaseConfig = {
apiKey: "AIzaSyBWE1l8WV_7eyKT-PMu0Kq2w_WiV0SUhJw",
@ -34,13 +27,7 @@ const firebaseConfig = {
firebase.initializeApp(firebaseConfig);
firebase.analytics();
function parseDate(s) {
var b = s.split(/\D/);
return new Date(b[0], b[1] - 1, b[2], b[3], b[4], b[5]);
}
const Upload = () => {
const { evento } = useParams();
const [uploadedFiles, setUploadedFiles] = useState([]);
const handleUploadFiles = (files) => {
@ -48,50 +35,31 @@ const Upload = () => {
function upload() {
const image = files[index];
EXIF.getData(image, function () {
var time = EXIF.getTag(this, "DateTime");
if (time) {
const timestamp = new Date(parseDate(time)).getTime();
const uploadTask = firebase
.storage()
.ref(`images/${evento}/${image.name}`)
.put(image, {
cacheControl: "public,max-age=3000000",
contentType: "image/jpeg",
});
uploadTask.on(
"state_changed",
(snapshot) => {
const progress = Math.round(
(snapshot.bytesTransferred / snapshot.totalBytes) * 100
);
console.log(progress);
},
(error) => {
console.log(error);
},
(d) => {
// all done
console.log(d);
// var postListRef = firebase.database().ref(`messaggi/${evento}`);
// var newPostRef = postListRef.push();
// const update = {
// id: newPostRef.key,
// timestamp,
// approvato: true,
// immagineURL: "",
// };
// newPostRef.set(update);
const uploadTask = firebase
.storage()
.ref(`images/${image.name}`)
.put(image, {
cacheControl: "public,max-age=3000000",
contentType: "image/jpeg",
});
// if (++index < files.length) {
// upload();
// }
}
uploadTask.on(
"state_changed",
(snapshot) => {
const progress = Math.round(
(snapshot.bytesTransferred / snapshot.totalBytes) * 100
);
console.log(progress);
},
(error) => {
console.log(error);
},
() => {
if (++index < files.length) {
upload();
}
}
});
);
}
upload();

Loading…
Cancel
Save