JS/filecontrol.js

   1 function fileListDialog(files){
   2         var name = new Array();
   3         var urn = new Array();
   4         var type = new Array();
   5         var size = new Array();
   6         var latest = new Array();
   7
   8
   9                 i=0
  10                 name[i] = files[i].name;
  11                 urn[i] = files[i].urn;
  12                 type[i] = files[i].type;
  13                 size[i] = files[i].size;
  14                 latest[i] = files[i].lastModifiedDate;
  15
  16         //display file status
  17         var output = "<hr>The number of files is "+files.length+"<br><hr/>";
  18                 output+="Name:"+name[i]+"<br>"+"URN:"+urn[i]+"<br>"+"Type:"+type[i]+"<br>"+"Size:"+size[i]+"<br>"+"Date:"+latest[i]+"<br><hr>"
  19                 document.getElementById("filestatus").innerHTML = output;
  20
  21                 document.getElementById("filecontent").innerHTML = "";
  22         //get file contents
  23         fileread(files,"filecontent","file");
  24
  25 }
  26
  27 function fileread(blob,place,variable){
  28                 var f = blob[i];
  29                 var reader = new FileReader();
  30
  31                 if(f.type.match("text.*")){
  32                         reader.onload = function(e){
  33                                 document.getElementById(place).innerHTML = reader.result;
  34                                 document.getElementById(variable).value = reader.result;
  35                                 document.getElementById("flag").value = "text";
  36                         }
  37                         reader.readAsText(f,"utf-8");
  38                 }
  39
  40                 if(f.type.match("image.*")){
  41                         reader.onload = function(e){
  42         var img = document.createElement("img");
  43         img.src = reader.result;
  44         document.getElementById(place).appendChild(img);
  45                                 document.getElementById(variable).value = reader.result;
  46         document.getElementById("flag").value = "image";
  47                         }
  48                         reader.readAsDataURL(f);
  49                 }
  50
  51 }
  52
  53
  54 function onDrop(event){
  55         var files = event.dataTransfer.files;
  56         var disp = document.getElementById("disp");
  57         disp.innerHTML = "";
  58
  59         for(i=0;i<files.length;i++){
  60                 var f = files[i];
  61                 var reader = new FileReader();
  62
  63                 if(!f.type.match('image.*')&&!f.type.match('text.*')){
  64                         alert("Drag and Drop Image or Text file!");
  65                         continue;
  66                 }
  67
  68                 reader.onerror = function(event){
  69                         disp.innerHTML = "read error!";
  70                 }
  71
  72                 if(f.type.match('text.*')){
  73                         reader.onload = function(event){
  74                                 disp.innerHTML = event.target.result;
  75                                 document.getElementById("file").value = reader.result;
  76                         }
  77                         reader.readAsText(f,"utf-8");
  78                 }
  79
  80                 if(f.type.match('image.*')){
  81                         reader.onload = function(event){
  82                                 var img = document.createElement("img");
  83                                 img.src = event.target.result;
  84                                 disp.appendChild(img);
  85                                 document.getElementById("file").value = reader.result;
  86                         }
  87                         reader.readAsDataURL(f);
  88                 }
  89         }
  90
  91         reader.addEventListener('progress',function(event){
  92          document.getElementById("progress").innerHTML = Math.floor((event.loaded / event.total)*100);
  93         },true);
  94
  95                         event.preventDefault();
  96 }
  97
  98 function onDragOver(event){
  99         event.preventDefault();
 100 }
 101