Previous slide
Next slide
Pacientes
Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar.
Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar.
<!DOCTYPE html>
<html>
<head>
<title>Compartir Archivos</title>
<style>
.file-container {
margin: 20px;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
max-width: 500px;
}
button {
padding: 10px 15px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
margin: 10px 0;
}
button:hover {
background-color: #45a049;
}
#downloadSection {
display: none;
margin-top: 20px;
}
</style>
</head>
<body>
<div class="file-container">
<h2>Subir Archivo</h2>
<input type="file" id="fileInput">
<button onclick="uploadFile()">Subir Archivo</button>
<div id="downloadSection">
<h3>Archivo disponible para descarga:</h3>
<p id="fileName"></p>
<button onclick="downloadFile()">Descargar Archivo</button>
</div>
</div>
<script>
let currentFile = null;
function uploadFile() {
const fileInput = document.getElementById('fileInput');
if (fileInput.files.length === 0) {
alert('Por favor selecciona un archivo');
return;
}
currentFile = fileInput.files[0];
document.getElementById('fileName').textContent = currentFile.name;
document.getElementById('downloadSection').style.display = 'block';
alert('Archivo subido correctamente. Ahora otros pueden descargarlo.');
}
function downloadFile() {
if (!currentFile) {
alert('No hay archivo disponible para descargar');
return;
}
const url = URL.createObjectURL(currentFile);
const a = document.createElement('a');
a.href = url;
a.download = currentFile.name;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
}
</script>
</body>
</html>