javascript - HTML Auto Appending File Uploads -
i'm trying figure out how allow multiple file uploads. javascript code checks on change in file upload , if there change file has been chosen code append new file upload.
the issue works first time. know what's going on?
js file:
<script> $(".file").change(function() { $(".file").each(function( index ) { if ($(this).val() != "") { console.log("empty"); $("#fileupload").after("<input class=\"file\" type=\"file\" name=\"file[]\" id=\"file\">"); } }); }); </script>
html:
<div id="fileupload" style="display: none;"> <input class="file" type="file" name="file[]" id="file"> </div>
solved:
here working version stumbles upon thread:
$(document).on("change", ".file", function() { if ($(this).val() != "") { $("#fileupload").append("<input class=\"file\" type=\"file\" name=\"file[]\" id=\"file\"><br>"); } });
change $(".file").change(function(){
$(document).on("change", ".file", function(){
it happens because code runs in existing elements. proposed change works
Comments
Post a Comment