Advertisement
Guest User

Untitled

a guest
Jul 22nd, 2014
496
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.00 KB | None | 0 0
  1.  
  2. var storedFiles = [];
  3.  
  4. document.addEventListener("DOMContentLoaded", init, false);
  5.  
  6. function init() {
  7. document.querySelector('#fileToUpload').addEventListener('change', handleFileSelect, false);
  8. selDiv = document.querySelector("#selectedFiles");
  9. }
  10.  
  11.  
  12. function handleFileSelect(e) {
  13. var files = e.target.files;
  14. var filesArr = Array.prototype.slice.call(files);
  15. filesArr.forEach(function (f) {
  16.  
  17. if (!f.type.match("image.*")) {
  18. return;
  19. }
  20. storedFiles.push(f);
  21.  
  22. var reader = new FileReader();
  23. reader.onload = function (e) {
  24. var html = "<div>" + f.name + "<a onclick='removeFile(this)'> X </a></div>";
  25. $(html).appendTo(selDiv);
  26. }
  27. reader.readAsDataURL(f);
  28. });
  29.  
  30. }
  31.  
  32.  
  33. function handleForm(e) {
  34.  
  35. var data = new FormData();
  36. for (var i = 0, len = storedFiles.length; i < len; i++) {
  37. data.append('files', storedFiles[i]);
  38. }
  39. var xhr = new XMLHttpRequest();
  40. xhr.open('POST', 'handler.cfm', true);
  41.  
  42. xhr.onload = function (e) {
  43. if (this.status == 200) {
  44. console.log(e.currentTarget.responseText);
  45. alert(e.currentTarget.responseText + ' items uploaded.');
  46. }
  47. }
  48.  
  49. xhr.send(data);
  50. }
  51.  
  52. function removeFile(e) {
  53. alert('storedFiles length = ' + storedFiles.length);
  54.  
  55. $(this).parent().remove();
  56. storedFiles.splice(1, 1);
  57.  
  58. //storedFiles[1]
  59. //var file = $(this).data("file");
  60. //for (var i = 0; i < storedFiles.length; i++) {
  61. // if (i==1) {
  62. // alert('del inside'+file);
  63. // storedFiles.splice(i, 1);
  64. // break;
  65. // }
  66. //}
  67. //$(this).parent().remove();
  68.  
  69. alert('del end');
  70. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement