Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- var storedFiles = [];
- document.addEventListener("DOMContentLoaded", init, false);
- function init() {
- document.querySelector('#fileToUpload').addEventListener('change', handleFileSelect, false);
- selDiv = document.querySelector("#selectedFiles");
- }
- function handleFileSelect(e) {
- var files = e.target.files;
- var filesArr = Array.prototype.slice.call(files);
- filesArr.forEach(function (f) {
- if (!f.type.match("image.*")) {
- return;
- }
- storedFiles.push(f);
- var reader = new FileReader();
- reader.onload = function (e) {
- var html = "<div>" + f.name + "<a onclick='removeFile(this)'> X </a></div>";
- $(html).appendTo(selDiv);
- }
- reader.readAsDataURL(f);
- });
- }
- function handleForm(e) {
- var data = new FormData();
- for (var i = 0, len = storedFiles.length; i < len; i++) {
- data.append('files', storedFiles[i]);
- }
- var xhr = new XMLHttpRequest();
- xhr.open('POST', 'handler.cfm', true);
- xhr.onload = function (e) {
- if (this.status == 200) {
- console.log(e.currentTarget.responseText);
- alert(e.currentTarget.responseText + ' items uploaded.');
- }
- }
- xhr.send(data);
- }
- function removeFile(e) {
- alert('storedFiles length = ' + storedFiles.length);
- $(this).parent().remove();
- storedFiles.splice(1, 1);
- //storedFiles[1]
- //var file = $(this).data("file");
- //for (var i = 0; i < storedFiles.length; i++) {
- // if (i==1) {
- // alert('del inside'+file);
- // storedFiles.splice(i, 1);
- // break;
- // }
- //}
- //$(this).parent().remove();
- alert('del end');
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement