SHARE
TWEET

form.html

a guest Oct 6th, 2017 325 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  6.         <title>画像をリサイズしてPOST</title>
  7.     </head>
  8.     <body>
  9.             <form id="postform" action="upload.php" method="post" enctype="multipart/form-data">
  10.                 <div>
  11.                     <label for="title">画像タイトル</label>
  12.                     <input type="text" name="title" id="title" />
  13.                 </div>
  14.                 <div>
  15.                     <label>画像ファイル</label>
  16.                     <input type="file" name="imgfile" id="imgfile" accept="image/*" onChange="resizeImg();" />
  17.                 </div>
  18.                 <div>
  19.                     <canvas id="imgcanvas" width="0" height="0">HTML5対応ブラウザをご使用ください</canvas>
  20.                 </div>
  21.                 <div>
  22.                     <input type="submit" value="画像を送信">
  23.                 </div>
  24.                
  25.             </form>
  26.             <script type="text/javascript" src="upload.js"></script>
  27.             <script type="text/javascript" src="resize.js"></script>
  28.     </body>
  29. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top