โดยในฟอร์มเราจะมีการ รับชื่อ และไฟล์ PDF ที่เราต้องการแปลง จากนั้นเมื่อกด แปลงไฟล์ ให้ทำการแปลงไฟล์ PDF เป็นภาพ โค้ดหน้าฟอร์ม
โค้ด: เลือกทั้งหมด
<body>
<h3 style="background-color:#337ab7;">
<center><label style="color: #FFFFFF;">การจัดการไฟล์ PDF</label></center>
</h3>
<div class="container">
<div class="row justify-content-center">
<label for="text-name" class="col-sm-2 col-form-label"><b><a href="http://localhost:8000/PDF_Tooolkits/index">ใส่ลายน้ำไฟล์ PDF</a></b></label>
<label for="text-name" class="col-sm-2 col-form-label"><b><a href="http://localhost:8000/PDF_Tooolkits/pdf_to_pic">แปลง PDF เป็นภาพ</a></b></label>
</div>
</div>
<form method="post">
<div class="container">
<div class="row justify-content-center">
<label for="text-name" class="col-sm-2 col-form-label">ชื่อผู้ใช้ </label>
<div class="col-7">
<input type="text" id="text-name" class="form-control" multiple required><br><br>
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-center">
<label for="text-name" class="col-sm-2 col-form-label" >เลือกไฟล์ PDF </label>
<div class="col-7">
<input type="file" id="text-filepdf" accept=".pdf" class="form-control" name="files" multiple required><br><br>
</div>
</div>
</div>
<form id="form3">
<div class="container">
<div class="row justify-content-center">
<center><a href="javascript:toggle('pdf2pic')"><input type="submit" value="แปลงไฟล์ PDF เป็นภาพ"class="btn btn-primary"></a></input></center>
</div>
</div>
</form>
</form>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>