Advertisement
Guest User

Untitled

a guest
Mar 24th, 2017
50
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.59 KB | None | 0 0
  1. <script type="text/jscript" src="js/jquery-1.11.3.js"></script>
  2. <script type="text/jscript">
  3.  
  4.  
  5. var ita_imagens = Array();
  6. var arr_num = [];
  7. var arr = [];
  8. var x = 0;
  9.  
  10. function pegaArquivos(files){
  11. formdata = false;
  12.  
  13. if (window.FormData) {
  14. formdata = new FormData();
  15. document.getElementById('btn').style.display = 'none';
  16. }
  17.  
  18. var li = document.createElement('li');
  19. var list = document.getElementById('img-list');
  20.  
  21. var i = 0, len = files.length, formdata;
  22. // CONTA AS IMAGENS ::
  23. for(; i < len; i++){
  24.  
  25. var file = files[i];
  26.  
  27. var img = document.createElement("img");
  28. img.file = file;
  29. img.width = 75;
  30. img.height = 75;
  31.  
  32. arr[x] = file;
  33. delete arr[0]; /* --> os usuarios nao vao entrar no codigo
  34. e informar o numero da imagens a ser removida
  35. entao o que eu preciso e clickar no X e informar
  36. na ARRAY DELETE O NUMERO DA ARRAY >> X */
  37.  
  38. // AQUI AS IMAGENS QUE JA SERAO DELETADAS ::
  39. formdata.append('images[]', arr[x]);
  40.  
  41. // delete arr[0];
  42. // LINKS X QUE REMOVE AS IMAGENS ::
  43. var a = document.createElement('a');
  44. a.innerHTML = '<div id="m" data-img="' + x + '"><a href="javascript:removeFile('+x+')" class="remove"> x </a></div>' + "n";
  45.  
  46. // formdata.append('images[]', arr[x]);
  47. // didi(file);
  48. // IRA PASSAR AS IMAGENS REMOVIDAS PARA A FUNCAO DE BAIXO ::
  49.  
  50. li.appendChild(img);
  51. li.appendChild(a);
  52. list.appendChild(li);
  53.  
  54. // ENVIA PARA O BANCO DE DADOS AJAX ::
  55. //formdata.append('images[]', file);// precisa receber as imagens ja excluidas ::
  56. // ^
  57. // |
  58. // MOSTRA AS IMAGENS EM MINIATURAS ::
  59. var reader = new FileReader();
  60. reader.onload = (function(aImg) {return function(e) {aImg.src = e.target.result;};})(img);
  61. reader.readAsDataURL(file);
  62.  
  63. }
  64. x++;
  65.  
  66. if (formdata) {
  67. $("#gol").click(function() {
  68.  
  69. $.ajax({
  70. url: "upload.php",
  71. type: "POST",
  72. data: formdata,
  73. processData: false,
  74. contentType: false,
  75. success: function(res) {
  76. document.getElementById('response').innerHTML = res;
  77. }
  78. });
  79. });
  80. }
  81.  
  82. }
  83.  
  84. function removeFile(x) {
  85.  
  86. var el = $('[data-img="' + x + '"]');
  87. // CACA A NUMERACAO DA LISTA ::
  88. el.closest("li").remove();
  89. // PERCORRE A LISTA E REMOVE A NUMERACAO CLICKADA ::
  90. }
  91.  
  92. </script>
  93.  
  94.  
  95. <form action="upload.php" enctype="multipart/form-data" method="post">
  96. <input type="file" name="images" id="inputImage" onChange="pegaArquivos(this.files)"/>
  97. <button type="submit" id="btn">Salvar</button>
  98. </form>
  99. <button id="gol">click</button>
  100.  
  101.  
  102. <div id="imgLocal"></div>
  103. <ul id="img-list"></ul>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement