I created a simple form from an html template, and it successfully collects data and emails it to the correct address.
The problem is when I insert a file upload field (type=file), it does not send the attachment (only the path) or upload the attachment.
Does anyone know what I can use to upload files in a simple form? Note: I have limited CFML experience.
Form html:
<form class="floraforms theme-black" enctype="multipart/form-data" id="floraforms">
<div class="frm-row">
<div class="elem-group colm colm6"><label class="field prepend-icon"><input class="flo-input" id="name" name="name" placeholder="Your Name" type="text" /> <b class="flo-tooltip tip-left"><em>Please type your full name</em></b> <span class="field-icon"><i class="fa fa-user"></i></span> </label></div>
<!-- end .colm section section -->
<div class="elem-group colm colm6"><label class="field prepend-icon"><input class="flo-input" id="emailaddress" name="email" placeholder="Your Email" type="text" /> <span class="field-icon"><i class="fa fa-envelope"></i></span> </label></div>
<!-- end .colm section section --></div>
<!-- end .frm-row section -->
<div class="frm-row">
<div class="elem-group colm colm6"><label class="field prepend-icon"><input class="flo-input" id="telephone" name="phone" placeholder="Your Phone Number" type="text" /> <span class="field-icon"><i class="fa fa-mobile"></i></span> </label></div>
<!-- end .colm section section -->
<div class="elem-group colm colm6"><label class="field prepend-icon"><input class="flo-input" id="subject" name="subject" placeholder="Position Title" type="text" /> <b class="flo-tooltip tip-left"><em>Position Title</em></b> <span class="field-icon"><i class="fa fa-filter"></i></span> </label></div>
<!-- end .colm section section --></div>
<!-- end .frm-row section -->
<div class="elem-group colm colm6"><label class="field flo-file prepend-icon"><span class="flo-button">Select Resume </span> <input class="file-input" id="uploadfile1" name="resume" onchange="document.getElementById('upload1').value = this.value.replace(/\\/g,'/').replace( /.*\//, '' );" type="file" /> <input class="flo-input" id="upload1" placeholder="Upload Resume" readonly="readonly" type="text" /> <span class="field-icon"><i class="fa fa-paperclip"></i></span> </label> <span class="flo-note">Upload format: DOC, DOCX, PDF, RTF, or TXT - Files maximum size 3MB </span></div>
<!-- end .elem-group section -->
<div class="frm-row">
<div class="elem-group" style="padding: 0 10px;"><label class="field"><textarea class="flo-textarea" id="message" name="message" placeholder="Enter your message"></textarea> <!-- <span class="flo-hint"><strong>Please provide as much information as possible</strong></span> --> </label></div>
<!-- end .elem-group section -->
<div class="response"> </div>
</div>
<!-- end .frm-body section -->
<div class="frm-footer"><button class="flo-button" style="margin-right: 4px;" type="reset">Cancel</button><button class="flo-button btn-themed" data-btntext-sending="Sending..." type="submit">Submit Form</button></div>
<!-- end .frm-footer section -->
</form>