form-upload | Form upload demo for Qiniu Cloud Storage | File Upload library

I am trying to dynamically change the html of parent form element to display according the what the user wants to upload, then retrieve the data from that child element. I saved the list of children to dynamically input in the js folder leaving the parent form element empty. The issue is:

a) When I dynamically input the preferred child element according to what user wants to upload, It doesn't retrieve the values even though it shows in the DOM that the element is there.

b) Whereas if I statically input the child element in html folder, it works just fine. but when the child is changed again, its still the statically inputted values I get back. please how do I go about this?? Here's the codepen showing it.

I have created a form in HTML which asks a user to upload a file. What I want to do is grab the name of this file, let's say it is named something like name_456_031421.mp4, and split up the file name by each "_" and then auto-populate that into the input fields of the form. Then all of this information will be submitted to a database.

Example of file:

Upload File: name_456_031421.mp4 Gate: name Code: 456 Area: 031421

The issue I'm having is I can't seem to even grab the name of the file and I'm not sure where to go from there with the rest of the task since I'm pretty new to JS and the other resources I've looked up don't seem to be quite what I'm looking for to go about this task. I'd appreciate any advice with this code so far and any tips on how to further approach the rest of this issue. Thank you!

This is my HTML form:

I am using bootstrap CDN along with another bootstrap CSS example file in static. While trying to create the file input and submit button for the form, I could not manage to bring the width of the two tags down. They span across the full page of my laptop. I tried a few ways to solve the issue but nothing seems to work.

Code:

This is the next episode of my previous question (which was solved): Google Form Upload files to specific new folder based on the value submitted

SO, I succeeded to create a new folder on Google Drive based on value inputted by user in field NAME using this script.

I am stuck since couple of days on the same issues, i hope someone can help with this. I have tried mutiple functions i found on stackoverflow but it seems i am doing something completely wrong!

I need to upload a file to wordpress library with a form submission on the frontend using AJAX.

This is the form:

I need to make a different order for bootstrap col for the mobile. I found many stack overflow question regrading this topic but i did not see any topic that is related to changing the order of cols that are on different rows.

WebdrvierIO file uploading is failing ,

code:

I have script like this:

My form includes dropzone.js and is validated with the jQuery plugin formvalidation.io.

Independently the file upload and validation elements work as expected however I need the form validation to run before Dropzone uploads any files.

I am trying to do this by

• configuring configure Dropzone with autoProcessQueue: false to prevent files uploading automatically
  • calling Dropzone processQueue() manually from the form validation onSuccess callback

All attempts have failed. It seems, with my limited javascript knowledge, I cannot access Dropzone from within another function?

I am sure the answer is among the comments on the Dropzone Issue jQuery instancing: Accessing Dropzone object #180 but I don't know how to implement what is discussed here. https://github.com/enyo/dropzone/issues/180

Code below has comments showing my attempts to call processQueue() along with the results of each.

Can anyone tell me how to call processQueue() correctly please?

Dropzone script