I'm trying to emulate the multifile plug-in (http://www.fyneworks.com/ jquery/multiple-file-upload/) with files stored on a server. This worked with the 1.24 version of the plug-in. I've upgraded to the 1.46 version and now it isn't working fully correctly.
This is my relevant HTML: <code html> <input name="tufilelist" id="tufilelist" type="text" style="visibility: hidden;"> </code> This is what I have for JavaScript code: <code javascript> $(document).ready(function(){ $('#tufilelist').MultiFile(); }); function fileAppend(fileId, fileName){ appendDbFile('tu-' + fileId + '-' + fileName); } function appendDbFile(fileinfo){ $('#tufilelist').val(fileinfo).change(); } <code> Notice the type is text instead of file and the field is hidden from the user. So, all I'm looking for is the adding and removing items from a list of values. The PHP code on the back-end parses the stings to actually attach the files to the item we're working on. With 1.24, I'd get HTML like this: <div id="multi_2"> <input type="text" style="visibility: hidden;" id="multi_2_8" name="tufilelist8"/> <input type="text" style="visibility: hidden; position: absolute; left: -1000px;" id="multi_2_7" name="tufilelist7"/> <input type="text" style="visibility: hidden; position: absolute; left: -1000px;" id="multi_2_6" name="tufilelist6"/> <input type="text" style="visibility: hidden; position: absolute; left: -1000px;" id="multi_2_5" name="tufilelist5"/> <div> [<a href="#multi_2">remove</a>] <span title="File selected: db-32715-pic1.JPG" class="file">db-32715-pic1.JPG</span> </div> <div> [<a href="#multi_2">remove</a>] <span title="File selected: db-32777-doc1.pdf" class="file">db-32777-doc1.pdf</span> </div> <div> [<a href="#multi_2">remove</a>] <span title="File selected: db-32716-pic2.JPG" class="file">db-32716-pic2.JPG</span> </div> </div> With 1.46, I get HTML like this: <div id="tufilelist_wrap" class="MultiFile-wrap"> <input type="text" style="visibility: hidden; position: absolute; top: -3000px;" id="tufilelist" name="tufilelist" class="MultiFile- applied"/> <input type="text" style="visibility: hidden;" id="tufilelist_F1" name="tufilelist" class="MultiFile-applied MultiFile"/> <input type="text" style="visibility: hidden;" id="tufilelist_F1" name="tufilelist" class="MultiFile-applied MultiFile"/> <input type="text" style="visibility: hidden;" id="tufilelist_F1" name="tufilelist" class="MultiFile-applied MultiFile"/> <div id="tufilelist_wrap_list" class="MultiFile-list"> <div class="MultiFile-label"> <a href="#tufilelist_wrap" class="MultiFile-remove">x</a> <span title="File selected: db-32715-pic1.JPG" class="MultiFile-title">db-32715-pic1.JPG</span> </div> <div class="MultiFile-label"> <a href="#tufilelist_wrap" class="MultiFile-remove">x</a> <span title="File selected: db-32777-doc1.pdf" class="MultiFile-title">db-32777-doc1.pdf</span> </div> <div class="MultiFile-label"> <a href="#tufilelist_wrap" class="MultiFile-remove">x</a> <span title="File selected: db-32716-pic2.JPG" class="MultiFile-title">db-32716-pic2.JPG</span> </div> </div> </div>