I have the task of uploading pix from devices AND desktops, and could only find a javascript way of doing it. I ALMOST have it working - the parts I don't have working are how to pass in my other form fields (POST data) from my form. Here is the JS:
';
}
}
function uploadFile() {
var fd = new FormData();
var count = document.getElementById('fileToUpload').files.length;
for (var index = 0; index
My form has a few fields, and an ID to make it workable by JS but I don't know how to combine my other POST fields in there to pass the data to my additem.php script. It's handling the upload great, and the php script is doing things like making 3 different sizes of the image, discarding the original huge image, checking to make sure it isn't a 'fake file type', etc.
But - I need to pass that $_POST data to it and my pure JS knowledge is spotty. I know I need to attach IDs to my form fields so JS can grab the values with GetElementById (super elementary stuff) but I'm not sure how to go from there. I hope someone can help me. I'm a 26 year code veteran who stupidly never made JavaScript her primary, first programming language.
Answer
Solution:
I see that you have the line var fd = new FormData() somewhere you will add the file to your formdata object using fd.append. You can this method to add your other fields as well