Maar alle voorbeelden die ik vind gebruiken geen jQuery Post dus ik kom er niet uit.
Wanneer ik nu de inhoud log van de fileinput zie ik: C:\fakepath\filenaam.jpg
Hoe kan ik een bestand doorsturen naar een PHP script? Het uploaden als ik eenmaal iets bruikbaars heb moet wel lukken, het gaat me alleen om deze eerste stap.
Dit heb ik tot nu toe:
HTML:
<div class="form-group row">
<label for="example-text-input" class="col-sm-4 col-form-label">Logo</label>
<div class="col-sm-8" id="drop">
<input type="file" id="filesinput" name="upl" class="filestyle" data-buttonname="btn-secondary">
</div>
</div>
Ajax:
// Add/edit companies script
$( "#companywrap" ).on("click", "#savecompany", function( event ) {
// Stop normal form behaviour
event.preventDefault();
var $form = $("#companyform"),
$id = $form.find( "input[name='id']" ).val(),
$name = $form.find( "input[name='name']" ).val(),
$username = $form.find( "input[name='username']" ).val(),
$street = $form.find( "input[name='street']" ).val(),
$zip = $form.find( "input[name='zip']" ).val(),
$place = $form.find( "input[name='place']" ).val(),
$phone = $form.find( "input[name='phone']" ).val(),
$contact = $form.find( "input[name='contact']" ).val(),
$email = $form.find( "input[name='email']" ).val(),
$advisors = $form.find( "input[name='advisors']" ).val(),
$logo = $form.find( "input[name='upl']" ),
url = $form.attr( "action" );
var posting = $.post( url, {
id: $id,
name: $name,
username: $username,
street: $street,
zip: $zip,
place: $place,
phone: $phone,
contact: $contact,
email: $email,
advisors: $advisors,
logo: $logo,
});
// Show result in a div
posting.done(function( data ) {
$( ".resultmessage" ).empty().slideDown('fast').append( data );
console.log($logo);
});
});
