test.jsp 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ page session="true" %>
  4. <%
  5. String filename = request.getParameter("filename");
  6. %>
  7. <!DOCTYPE html>
  8. <html>
  9. <head>
  10. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  11. <title>Insert title here</title>
  12. <style>
  13. .a-upload {
  14. padding: 4px 50px;
  15. height: 20px;
  16. line-height: 20px;
  17. position: relative;
  18. cursor: pointer;
  19. color: #000;
  20. background: #fafafa;
  21. border: 1px solid #ddd;
  22. border-radius: 4px;
  23. overflow: hidden;
  24. display: inline-block;
  25. *display: inline;
  26. *zoom: 1;
  27. margin-left:20px;
  28. }
  29. .a-upload input {
  30. position: absolute;
  31. font-size: 16px;
  32. right: 0;
  33. top: 0;
  34. opacity: 0;
  35. filter: alpha(opacity=0);
  36. cursor: pointer
  37. }
  38. .a-upload:hover {
  39. color: #444;
  40. background: #eee;
  41. border-color: #ccc;
  42. text-decoration: none
  43. }
  44. .submit{
  45. width:100px;
  46. height:30px;
  47. font-size: 18px;
  48. border: 1px solid #ddd;
  49. border-radius: 4px;
  50. background: #fafafa;
  51. margin-top:20px;
  52. color:#000;
  53. float:right;
  54. position:relative;
  55. right:40px;
  56. cursor: pointer
  57. }
  58. </style>
  59. <script type="text/javascript">
  60. function setpic(){
  61. var inputObj=document.getElementById('myFile');
  62. inputObj.click();
  63. inputObj.value ;
  64. }
  65. function addpic(){
  66. alert(document.getElementById('myFile').value);
  67. }
  68. function uploadpic(){
  69. var form = document.getElementById('uploadForm');
  70. form.submit();
  71. }
  72. </script>
  73. </head>
  74. <body style="background:#002c59;height:120px;width:200px;">
  75. <div style="height:100%;width:100%">
  76. <form id="uploadForm" action="upload.jsp" method="post" enctype="multipart/form-data" class="test_form">
  77. <!-- <a id="myclick" href="javascript:;" class="a-upload"> -->
  78. <input type="file" id="myFile" name="myFile" value="" style="visibility:hidden;" onchange="uploadpic()">
  79. <!-- </a>
  80. <input type="submit" name="submit" class="submit"> -->
  81. </form>
  82. </div>
  83. </body>
  84. </html>