BotBeta
Admin
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario popular!
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Suscripción a IA
Crear un código específico sería muy extenso y dependiente de tu entorno. Sin embargo, aquí te proporciono un ejemplo sencillo de cómo inicializar Resumable.js y cómo podrías manejar los eventos en el lado del cliente:
HTML:
HTML:
<input type="file" id="browseButton">
<button id="uploadButton">Subir</button>JavaScript:
JavaScript:
var r = new Resumable({
target: '/upload_endpoint',
chunkSize: 1*1024*1024,
simultaneousUploads: 3,
testChunks: true,
throttleProgressCallbacks: 1,
});
r.assignBrowse(document.getElementById('browseButton'));
document.getElementById('uploadButton').addEventListener('click', function(){
if (r.files.length > 0){
r.upload();
}
});
r.on('fileSuccess', function(file){
console.log('Subida completa');
});Este código asigna un botón de navegación y subida. Cuando un archivo se selecciona mediante el botón de navegación, será añadido a la lista de archivos de Resumable.js para subirse cuando se haga click en el botón de subida.
Para el lado del servidor, realmente depende del lenguaje y del framework que estés utilizando. Resumable.js no sólo requiere un endpoint al que subir los fragmentos del archivo, sino también un endpoint que pueda responder si un fragmento en particular ya se ha subido (para poder reanudar las subidas).
Te recomendaría que estudies detenidamente la documentación de Resumable.js y tal vez busques un tutorial específico para tu lenguaje de servidor y tu entorno.
