Guest User

Untitled

a guest
Dec 12th, 2017
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.23 KB | None | 0 0
  1. <form class="form-horizontal" action="../../phpcrud/create_documentos.php" method="POST" id="create_documentos_form" enctype="multipart/form-data">
  2. <div class="modal-body">
  3.  
  4.  
  5. <div class="form-group">
  6. <label for="titulo" class="col-sm-2 control-label">Titulo</label>
  7. <div class="col-sm-10">
  8. <input type="text" class="form-control" id="titulo" name="titulo" placeholder="Titulo">
  9. </div>
  10. </div>
  11.  
  12. <div class="form-group">
  13. <label for="archivo" class="col-sm-2 control-label">Elejir Documento</label>
  14. <div class="col-sm-10">
  15. <input type="file" name="archivo" id="archivo"/>
  16. </div>
  17. </div>
  18. </div>
  19.  
  20. <div class="modal-footer">
  21. <button type="submit" class="btn btn-primary">Guardar</button>
  22. </div>
  23. </form>
  24. </div>
  25. </div>
  26. </div>
  27.  
  28. $("#create_documentos_modal").on('click', function() {
  29. $("#create_documentos_form")[0].reset();
  30. $(".form-group").removeClass('has-error').removeClass('has-success');
  31. $(".text-danger").remove();
  32. $(".message_create_documentos").html("");
  33.  
  34. $("#create_documentos_form").unbind('submit').bind('submit', function()
  35. {
  36. $(".text-danger").remove();
  37. var form = $(this);
  38.  
  39. var titulo = $("#titulo").val();
  40. var file2 = document.getElementById("archivo"); //TENGO DUDA
  41. var archivo = file2.files[0]; //TENGO DUDA
  42.  
  43. if(titulo && archivo)
  44. {
  45. $.ajax({
  46. url : form.attr('action'),
  47. type : form.attr('method'),
  48. data : form.serialize(),
  49. dataType : 'json',
  50. });
  51. }
  52. return false;
  53. });
  54. });
  55.  
  56. if($_POST) {
  57. $validator = array('success' => false, 'message_create_documentos' => array());
  58.  
  59. $titulo = $_POST['titulo'];
  60.  
  61. $nombre = $_FILES['archivo']['name'];
  62. $tipo = $_FILES['archivo']['type'];
  63. $tamanio = $_FILES['archivo']['size'];
  64. $ruta = $_FILES['archivo']['tmp_name'];
  65. $destino = "archivos/" . $nombre;
  66.  
  67. $sql = "INSERT INTO documentos (titulo,ruta) VALUES ('$titulo', '$destino')";
  68. $query = $connect->query($sql);
  69.  
  70. if($query === TRUE) {
  71. $validator['success'] = true;
  72. $validator['message_create_documentos'] = "Agregado Exitosamente";
  73. } else {
  74. $validator['success'] = false;
  75. $validator['message_create_documentos'] = "Error mientras agrega la información";
  76. }
  77.  
  78. $connect->close();
  79. echo json_encode($validator);
  80. }
  81.  
  82. $("#create_documentos_form").unbind('submit').bind('submit', function(){
  83. $(".text-danger").remove();
  84. var form = $(this);
  85.  
  86. var titulo = $("#titulo").val();
  87. var file2 = $('#archivo'); //Ya que utilizas jquery aprovechalo...
  88. var archivo = file2[0].files; //el array pertenece al elemento
  89.  
  90. if(titulo && archivo)
  91. {
  92.  
  93. // Crea un formData y lo envías
  94. var formData = new formData(form);
  95. formData.append('titulo',titulo);
  96. formData.append('archivo[]',archivo);
  97.  
  98. jQuery.ajax({
  99. url: 'url.php',
  100. data: formData,
  101. cache: false,
  102. contentType: false,
  103. processData: false,
  104. type: 'POST',
  105. success: function(data){
  106. alert(data);
  107. }
  108. });
  109. }
  110. return false;
  111. });
  112.  
  113. $.ajax({
  114. type: "POST",
  115. url: "HTML/docAjax.php",
  116. data: {
  117. post1 = "Post1",
  118. post2 = "Post2"
  119.  
  120. },
  121. dataType: "text",
  122. success: function (data) {
  123.  
  124. //aqui cachas lo que regresas con el archivo php
  125. console.log(data);
  126.  
  127.  
  128. }
  129.  
  130. });
  131.  
  132. $("#create_documentos_form").unbind('submit').bind('submit', function() {
  133. $(".text-danger").remove();
  134. var form = $(this);
  135.  
  136. var titulo = $("#titulo").val();
  137. var file2 = document.getElementById("archivo");
  138. var archivo = file2.files[0];
  139.  
  140. if(titulo && archivo) {
  141.  
  142. $.ajax({
  143. url : form.attr('action'),
  144. type : form.attr('method'),
  145. data : new FormData(form[0]), // <-- usamos `FormData`
  146. dataType : 'json',
  147. processData: false, // <-- le indicamos a jQuery que no procese el `data`
  148. contentType: false // <-- le indicamos a jQuery no establecer el `contentType`
  149. });
  150. }
  151. return false;
  152. });
Add Comment
Please, Sign In to add comment