<input type="file">でフォルダを開き、
<input type="submit>で送信する。
送信された先が別のページ表示する方法についてご教授頂きたいです。
該当のソースコード
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>J</title> </head> <body> <form> <input type="file" accept='image/*' onchange="previewImage(this);"> <p><input type="submit" value="送信する"></p> </form> <p> プレビュー:<br> <canvas id="preview" style="max-width:500px;"></canvas> </p> <script> function previewImage(obj) { var fileReader = new FileReader(); fileReader.onload = (function() { var canvas = document.getElementById('preview'); var ctx = canvas.getContext('2d'); var image = new Image(); image.src = fileReader.result; image.onload = (function () { canvas.width = image.width; canvas.height = image.height; ctx.drawImage(image, 0, 0); }); }); fileReader.readAsDataURL(obj.files[0]);}
</script>
回答1件
あなたの回答
tips
プレビュー