image.html 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. <title>Image</title>
  6. <style type="text/css" rel="stylesheet">
  7. body {
  8. font-size:12px;
  9. margin: 0px;
  10. background-color:#F0F0EE;
  11. overflow: hidden;
  12. }
  13. td.left1 {
  14. font-size:12px;
  15. width: 50px;
  16. padding: 2px;
  17. }
  18. td.right1 {
  19. font-size:12px;
  20. padding: 2px;
  21. }
  22. td.left2 {
  23. font-size:12px;
  24. width: 35px;
  25. padding: 2px;
  26. }
  27. td.right2 {
  28. font-size:12px;
  29. padding: 2px;
  30. width: 50px;
  31. }
  32. </style>
  33. <script type="text/javascript">
  34. function changeType(obj) {
  35. if (obj.value == 1) {
  36. document.getElementById('url').style.display = 'none';
  37. document.getElementById('imgFile').style.display = 'block';
  38. } else {
  39. document.getElementById('url').style.display = 'block';
  40. document.getElementById('imgFile').style.display = 'none';
  41. }
  42. }
  43. </script>
  44. </head>
  45. <body>
  46. <form name="uploadForm" method="post" enctype="multipart/form-data" action="./../php/upload.php">
  47. <input type="hidden" id="editorId" name="id" value="" />
  48. <table border="0" cellpadding="0" cellspacing="0">
  49. <tr>
  50. <td class="left1">
  51. <select id="type" name="type" onchange="javascript:changeType(this);">
  52. <option value="1" selected="selected">本地</option>
  53. <option value="2">远程</option>
  54. </select>
  55. </td>
  56. <td class="right1">
  57. <input type="file" id="imgFile" name="imgFile" style="width:220px;" />
  58. <input type="text" id="url" name="url" value="http://" maxlength="255" style="width:220px;display:none;" />
  59. </td>
  60. </tr>
  61. <tr>
  62. <td class="left1">说明:</td>
  63. <td class="right1">
  64. <input type="text" id="imgTitle" name="imgTitle" value="" maxlength="100" style="width:220px;" />
  65. </td>
  66. </tr>
  67. </table>
  68. <table border="0" cellpadding="0" cellspacing="0">
  69. <tr>
  70. <td class="left2">宽度: </td>
  71. <td class="right2">
  72. <input type="text" name="imgWidth" id="imgWidth" value="0" maxlength="4" style="width:40px;" />
  73. </td>
  74. <td class="left2">高度: </td>
  75. <td class="right2">
  76. <input type="text" name="imgHeight" id="imgHeight" value="0" maxlength="4" style="width:40px;" />
  77. </td>
  78. <td class="left2">边框: </td>
  79. <td class="right2">
  80. <input type="text" name="imgBorder" id="imgBorder" value="0" maxlength="1" style="width:40px;" />
  81. </td>
  82. </tr>
  83. </table>
  84. </form>
  85. </body>
  86. </html>