index.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="./basen.js"></script>
  4. <style type="text/css">#editor { background-color: #ff00ff; width: 300px; right: 0px; position: absolute; top: 0px;} textarea {width: 100%}; </style>
  5. <style type="text/css" id="thestyle"> </style>
  6. <script type="text/javascript" id="thescript"></script>
  7. <script src="/socket.io/socket.io.js"></script>
  8. <script>
  9. var chat = io.connect('http://127.0.0.1:3000/chat')
  10. , news = io.connect('http://127.0.0.1:3000/news');
  11. chat.on('connect', function () {
  12. chat.emit('hi!');
  13. console.log("CHATE",arguments);
  14. }).on("a message",function(message){
  15. console.log("cccARG",message);
  16. });
  17. news.on('connect', function (a,b) {
  18. news.emit('woot');
  19. console.log("newse",a,b)
  20. }).on('item',function(item){
  21. console.log("got news:",item);
  22. });
  23. </script>
  24. </head>
  25. <body>
  26. <div id="main">
  27. <div ><img src="" id="preview"></div>
  28. <input type="file" id="files" onchange="loadi(this)" multiple="true">
  29. <div>
  30. previews
  31. titles
  32. properties
  33. render to canvas
  34. get from canvas
  35. encrypt
  36. metadata
  37. package
  38. upload
  39. </div>
  40. </div>
  41. <script type="text/javascript">
  42. var op = boot.opath;
  43. var randgen = boot.rand;
  44. var zlib = boot.zlib;
  45. Buffer = boot.Buffer;
  46. var nd= new Date();
  47. function jsparse(s){
  48. return s;
  49. }
  50. function loadi(t){
  51. var files = [];
  52. for(var i=0;i<t.files.length;i++){
  53. files.push(t.files[i]);
  54. }
  55. files.map(function(tt){
  56. var reader = new FileReader();
  57. reader.onload = function(e) {
  58. // document.getElementById('preview').src = e.target.result;
  59. console.log(tt);
  60. console.log("EEEE",e.total, e.target.result.length , e.target.result.substring(0,200));
  61. }
  62. reader.readAsDataURL(tt);
  63. })
  64. }
  65. /*var reader = new FileReader();
  66. reader.onload = function(e) {
  67. document.getElementById('preview').src = e.target.result;
  68. }
  69. */
  70. </script>
  71. </body>
  72. </html>