120 lines
6.6 KiB
HTML
120 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
<title>Inference</title>
|
|
<link href="/misc/inference.ico" rel="icon" type="image/x-icon"/>
|
|
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
|
|
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
|
|
<script src="/javascript/inference.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="container mt-5">
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-8">
|
|
<form id="uploadForm">
|
|
<h1>Inference</h1>
|
|
<p>Select the format of the model you want to upload:</p>
|
|
<div class="form-group">
|
|
<label>Automatic identification</label>
|
|
<div class="col-2 form-check">
|
|
<div class="row">
|
|
<input class="form-check-input" id="defaultRadio" name="modelType"
|
|
type="radio" value="Ultralytics" checked>
|
|
<label class="form-check-label" for="defaultRadio">Default</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>YOLO Model</label>
|
|
<div class="row">
|
|
<div class="col-2 form-check">
|
|
<input class="form-check-input" id="yoloV3Radio" name="modelType"
|
|
type="radio" value="Ultralytics">
|
|
<label class="form-check-label" for="yoloV3Radio">YOLOv3</label>
|
|
</div>
|
|
<div class="col-2 form-check">
|
|
<input class="form-check-input" id="yoloV4Radio" name="modelType"
|
|
type="radio" value="YOLOv4">
|
|
<label class="form-check-label" for="yoloV4Radio">YOLOv4</label>
|
|
</div>
|
|
<div class="col-2 form-check">
|
|
<input class="form-check-input" id="yoloV5Radio" name="modelType"
|
|
type="radio" value="Ultralytics">
|
|
<label class="form-check-label" for="yoloV5Radio">YOLOv5</label>
|
|
</div>
|
|
<div class="col-2 form-check">
|
|
<input class="form-check-input" id="yoloV6Radio" name="modelType"
|
|
type="radio" value="Ultralytics">
|
|
<label class="form-check-label" for="yoloV6Radio">YOLOv6</label>
|
|
</div>
|
|
<div class="col-2 form-check">
|
|
<input class="form-check-input" id="yoloV7Radio" name="modelType"
|
|
type="radio" value="YOLOv7">
|
|
<label class="form-check-label" for="yoloV7Radio">YOLOv7</label>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-2 form-check">
|
|
<input class="form-check-input" id="yoloV8Radio" name="modelType"
|
|
type="radio" value="Ultralytics">
|
|
<label class="form-check-label" for="yoloV8Radio">YOLOv8</label>
|
|
</div>
|
|
<div class="col-2 form-check">
|
|
<input class="form-check-input" id="yoloV9Radio" name="modelType"
|
|
type="radio" value="Ultralytics">
|
|
<label class="form-check-label" for="yoloV9Radio">YOLOv9</label>
|
|
</div>
|
|
<div class="col-2 form-check">
|
|
<input class="form-check-input" id="yoloNASRadio" name="modelType"
|
|
type="radio" value="Ultralytics">
|
|
<label class="form-check-label" for="yoloNASRadio">YOLO NAS</label>
|
|
</div>
|
|
<div class="col-2 form-check">
|
|
<input class="form-check-input" id="yoloWorldRadio" name="modelType"
|
|
type="radio" value="Ultralytics">
|
|
<label class="form-check-label" for="yoloWorldRadio">YOLO World</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>SAM Model</label>
|
|
<div class="row">
|
|
<div class="col-2 form-check">
|
|
<input class="form-check-input" id="samRadio" name="modelType"
|
|
type="radio" value="SAM">
|
|
<label class="form-check-label" for="samRadio">SAM</label>
|
|
</div>
|
|
<div class="col-2 form-check">
|
|
<input class="form-check-input" id="mobileSAMRadio" name="modelType"
|
|
type="radio" value="Mobile SAM">
|
|
<label class="form-check-label" for="mobileSAMRadio">Mobile SAM</label>
|
|
</div>
|
|
<div class="col-2 form-check">
|
|
<input class="form-check-input" id="fastSAMRadio" name="modelType"
|
|
type="radio" value="Fast SAM">
|
|
<label class="form-check-label" for="fastSAMRadio">Fast SAM</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="form-group">
|
|
<label for="modelFile">Model File</label>
|
|
<input class="form-control-file" id="modelFile" name="modelFile" required type="file">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="inferenceFile">Inference file</label>
|
|
<input class="form-control-file" id="inferenceFile" name="inferenceFile" required type="file">
|
|
</div>
|
|
<button class="btn btn-primary" onclick="submitForm()" type="button">Upload</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|