Html5 File Api - Send File To Server For Processing March 07, 2024 Post a Comment I have form with the following form: ... Add ... Solution 1: Alright, I think your problem here is being caused by the FileReader's load event handler, which appends those data URLs to the form, being called after the form is submitted to the server.You could solve this problem, and do away with the superfluous images variable and submit event handler by adding these items to the form in the click handler for the Add link. You can also use this opportunity to do a little client side validation, preventing duplicate data URLs from being uploaded to the server, and even to add a preview/remove option for the selected images. Furthermore, you could do away with the Add link by replacing its click handler with a change handler attached to your file input.Baca JugaJquery + Svg Object: Capture Click Event ProperlyPhp + Jquery Change Value Of Textbox According To Two DropdownHow To Display The Value Get From .val()Edit (nfplee):var images = []; $("#add").click(function() { var files = $("#images")[0].files; for (var i = 0; i < files.length; i++) { var reader = newFileReader(); reader.onload = (function(file) { returnfunction(e) { images.push({ name: file.name, file: e.target.result }); }; })(files[i]); reader.readAsDataURL(files[i]); } $("#images").val(""); }); var form = $("form"); form.submit(function() { for (var i = 0; i < images.length; i++) { $("<input>").attr({ type: "hidden", name: "images[" + i + "][name]" }).val(images[i].name).appendTo(form); $("<input>").attr({ type: "hidden", name: "images[" + i + "][file]" }).val(images[i].file).appendTo(form); } }); Copy Share You may like these postsHtml5 Drag And Drop File FieldNext Element In *entire* Document After Certain ElementAdding New Fields With Dynamic Field Name Sets Field Names To The Same NameInput Textbox: Mimic "clear Text" X Button Just Like Select2 Dropdown Component Post a Comment for "Html5 File Api - Send File To Server For Processing"
Post a Comment for "Html5 File Api - Send File To Server For Processing"