We have an online HTML form which users complete to submit info to create a custom record. It's been working great for three years and now the client wants to be able to upload an image via the form. I've created a new field on the custom record Type = Image. Adding this code below give a suitable field on the HTML form. This will successfully create a record but doesn't upload a file. Any tips?

<div class="control-group">
<label class="control-label" for="nlcustrecord_inspection_image">Upload Image of Issue</label>
<input type="file" id="nlcustrecord_inspection_image" name="nlcustrecord_inspection_image" accept="image/*">
</div>

originally tried

<div class="control-group">
<label class="control-label" for="nlcustrecord_inspection_image">Upload Image of Issue</label>
<nlcustrecord_inspection_image></nlcustrecord_inspection_image>
</div>

you need an input type="file" control to be able to upload a file

I tried it as this but not quite there yet. File can be selected but file not uploaded.

<div class="control-group">
<label class="control-label" for="nlcustrecord_inspection_image">Upload Image of Issue</label>
<input class="form-control" id="uploadimage" type="file" name="file">
<nlcustrecord_inspection_image></nlcustrecord_inspection_image>
</div>