Previous slide
Next slide
Pacientes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
<!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>