Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script type="text/jscript" src="js/jquery-1.11.3.js"></script>
- <script type="text/jscript">
- var ita_imagens = Array();
- var arr_num = [];
- var arr = [];
- var x = 0;
- function pegaArquivos(files){
- formdata = false;
- if (window.FormData) {
- formdata = new FormData();
- document.getElementById('btn').style.display = 'none';
- }
- var li = document.createElement('li');
- var list = document.getElementById('img-list');
- var i = 0, len = files.length, formdata;
- // CONTA AS IMAGENS ::
- for(; i < len; i++){
- var file = files[i];
- var img = document.createElement("img");
- img.file = file;
- img.width = 75;
- img.height = 75;
- arr[x] = file;
- delete arr[0]; /* --> os usuarios nao vao entrar no codigo
- e informar o numero da imagens a ser removida
- entao o que eu preciso e clickar no X e informar
- na ARRAY DELETE O NUMERO DA ARRAY >> X */
- // AQUI AS IMAGENS QUE JA SERAO DELETADAS ::
- formdata.append('images[]', arr[x]);
- // delete arr[0];
- // LINKS X QUE REMOVE AS IMAGENS ::
- var a = document.createElement('a');
- a.innerHTML = '<div id="m" data-img="' + x + '"><a href="javascript:removeFile('+x+')" class="remove"> x </a></div>' + "n";
- // formdata.append('images[]', arr[x]);
- // didi(file);
- // IRA PASSAR AS IMAGENS REMOVIDAS PARA A FUNCAO DE BAIXO ::
- li.appendChild(img);
- li.appendChild(a);
- list.appendChild(li);
- // ENVIA PARA O BANCO DE DADOS AJAX ::
- //formdata.append('images[]', file);// precisa receber as imagens ja excluidas ::
- // ^
- // |
- // MOSTRA AS IMAGENS EM MINIATURAS ::
- var reader = new FileReader();
- reader.onload = (function(aImg) {return function(e) {aImg.src = e.target.result;};})(img);
- reader.readAsDataURL(file);
- }
- x++;
- if (formdata) {
- $("#gol").click(function() {
- $.ajax({
- url: "upload.php",
- type: "POST",
- data: formdata,
- processData: false,
- contentType: false,
- success: function(res) {
- document.getElementById('response').innerHTML = res;
- }
- });
- });
- }
- }
- function removeFile(x) {
- var el = $('[data-img="' + x + '"]');
- // CACA A NUMERACAO DA LISTA ::
- el.closest("li").remove();
- // PERCORRE A LISTA E REMOVE A NUMERACAO CLICKADA ::
- }
- </script>
- <form action="upload.php" enctype="multipart/form-data" method="post">
- <input type="file" name="images" id="inputImage" onChange="pegaArquivos(this.files)"/>
- <button type="submit" id="btn">Salvar</button>
- </form>
- <button id="gol">click</button>
- <div id="imgLocal"></div>
- <ul id="img-list"></ul>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement