Skip to content

Instantly share code, notes, and snippets.

@ugeugeHigh
Last active February 22, 2019 02:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ugeugeHigh/9e014b99c46b7fa787bd9eec0107ed0f to your computer and use it in GitHub Desktop.
Save ugeugeHigh/9e014b99c46b7fa787bd9eec0107ed0f to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scal=1">
<link href="css/style.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(function(){
$("input[type='file']").on('change',function(){
var file = $(this).prop('files')[0];
console.log(file);
if(!($(".filename").length)) {
$("label#gif").append('<span class="filename"></span>');
}
$(".filename").html(file.name);
});
});
</script>
</head>
<body>
<div id="wrap">
<h1>動画からgif画像に変換ツール</h1>
<form action="gifmaker.php" method="post" enctype="multipart/form-data">
<dl>
<dd>
<label id="gif">
動画を選択
<input name="gif" type="file" id="gif2" size="50" style="display:none;">
</label>
</dd>
<dd>
フレームレート
<select name="frameRate" id="frameRate">
<?php
for($i=1;$i<11;$i++){
print('<option value="' .$i. '">'.$i.'</option>');
}
?>
</select>
</dd>
<dd>
<input type="submit" value="変換開始" />
</dd>
</dl>
</form>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment