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