Cosmétique : une image de fond qui suggère l'espace de dépôt.
[Portfolio.git] / skins / fileupload.js
1 function dragenter(evt) {
2 disableDefault(evt);
3 disablePropagation(evt);
4 }
5
6 function dragover(evt) {
7 disableDefault(evt);
8 disablePropagation(evt);
9 evt = getEventObject(evt);
10 var dt = evt.dataTransfer;
11 dt.dropEffect = 'copy';
12 }
13
14
15 function drop(evt) {
16 disableDefault(evt);
17 disablePropagation(evt);
18 getEventObject(evt);
19 var dt = evt.dataTransfer;
20 dt.dropEffect = 'copy';
21 handleFiles(dt.files);
22 }
23
24 function handleFiles(files) {
25 for (var i = 0; i < files.length; i++) {
26 var file = files[i];
27 console.log(file.type);
28 // console.log(file);
29 // var imageType = /image.*/;
30 //
31 // if (!file.type.match(imageType)) {
32 // continue;
33 // }
34 //
35 // var img = document.createElement("img");
36 // img.classList.add("obj");
37 // img.file = file;
38 // preview.appendChild(img);
39 //
40 // var reader = new FileReader();
41 // reader.onload = (function(aImg) { return function(e) { aImg.src = e.target.result; }; })(img);
42 // reader.readAsDataURL(file);
43 }
44 }
45
46 function init() {
47 var dropbox = document.getElementById('dropbox');
48 addListener(dropbox, 'dragenter', dragenter);
49 addListener(dropbox, 'dragover', dragover);
50 addListener(dropbox, 'drop', drop);
51 }
52
53
54 addListener(window, 'load', init);