Guardar documento en Javascript y mysql

[antonio_dsanchez]

hola a todos quisiera ver la forma de tener un boton subir documento y ya sea que se guarde en la base de datos directamente o una carpeta del servidor, con javascript ya que tengo un campo de texto en javascript y a este le quiero ponder a un lado esta opcion de subir documento.

este es el codigo que actual mente tengo.

Código HTML:

 <span class="section">¿Con qué?</span>
                        <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">Debemos declarar que infraestructura utilizamos para realizar las actividades del proceso.<span class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12" id="main">
                            <input type="button" id="btAdd" value="Añadir Elemento" class="bt" />
                            <input type="button" id="btRemove" value="Eliminar Elemento" class="bt" />
                            <input type="button" id="btRemoveAll" value="Eliminar Todo" class="bt" /><br />
                        </div>
                      </div> 

y este es el código con el que agrego mas campos.

Código Javascript:

//agregar campos con que
$(document).ready(function() {
var iCnt = 0;
 
// Crear un elemento div añadiendo estilos CSS
var container = $(document.createElement('div')).css({
padding: '1px', margin: '70px', width: '950px', border: '1px dashed'
});$('#btAdd').click(function() {
if (iCnt <= 19) {
 
iCnt = iCnt + 1;
 
// Añadir caja de texto.
$(container).append('<div class="item form-group"><label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">Con Que?<span class="required">*</span></label><div class="col-md-6 col-sm-6 col-xs-12"><input type=text class="form-control col-md-7 col-xs-12" placeholder="Cual es tu Salida" required="required" id=tb' + iCnt + ' ' +
'value="¿Con qué?' + iCnt + '" /></div></div>');
 
if (iCnt == 1) {
 
var divSubmit = $(document.createElement('div'));
//$(divSubmit).append('<input type=button class="bt" onclick="GetTextValue()"' +
//'id=btSubmit value=Enviar />');
 
}
 
$('#main').after(container, divSubmit);
}
else { //se establece un limite para añadir elementos, 20 es el limite
 
$(container).append('<label>Limite Alcanzado</label>');
$('#btAdd').attr('class', 'bt-disable');
$('#btAdd').attr('disabled', 'disabled');
 
}
});
 
$('#btRemove').click(function() { // Elimina un elemento por click
if (iCnt != 0) { $('#tb' + iCnt).remove(); iCnt = iCnt - 1; }
 
if (iCnt == 0) { $(container).empty();
 
$(container).remove();
$('#btSubmit').remove();
$('#btAdd').removeAttr('disabled');
$('#btAdd').attr('class', 'bt')
 
}
});
 
$('#btRemoveAll').click(function() { // Elimina todos los elementos del contenedor
 
$(container).empty();
$(container).remove();
$('#btSubmit').remove(); iCnt = 0;
$('#btAdd').removeAttr('disabled');
$('#btAdd').attr('class', 'bt');
 
});
});
 
// Obtiene los valores de los textbox al dar click en el boton "Enviar"
var divValue, values = '';
 
function GetTextValue() {
 
$(divValue).empty();
$(divValue).remove(); values = '';
 
$('.input').each(function() {
divValue = $(document.createElement('div')).css({
padding:'5px', width:'200px'
});
values += this.value + '<br />'
});
 
$(divValue).append('<p><b>Tus valores añadidos</b></p>' + values);
$('body').append(divValue);
 
}
 

[Alexis88]

Lo primero que necesitarás es un formulario, el cual no veo en la porción de código que muestras. Ahora, bien, si deseas hacer una subida de archivos sin importar que se tenga que recargar la página (sin AJAX), solo necesitarás el formulario y el código que recepcione al archivo en el lado del servidor (PHP, ASP, JSP). Aquí tienes un buen ejemplo para hacerlo de esa manera (usando PHP del lado del servidor).