fileup | FileUp - JQuery File Upload | File Upload library

I have a flutter application that select and upload audio file to server with asp.net rest api.

my flutter code as follows

I'm working on uploading multiple images one at a time by dynamically generating the input field and image element. However, my code doesn't display the images on the dynamically generated image element.

Ok so i found this file uploader, its something exactli i need to my game - a image and music uploader.

Well orginally there was just link you can copy and select so i made little textbox with copy button you can see at bottom but its visible even before file is uploaded. help me dooing this to appear only after file upload. I dont know much about website coding, i cant handle it without "if" :D

I'm not sure if somehow the directory is wrong or there's just some kind of common mistake in my code, but I just am not able to save my uploaded file to a folder, or more specifically, the media folder as demonstrated in a lot of examples.

I'm just taking a text field and the file and saving it in the DB using Ajax, and it works too, except that whatever file I'm selecting, it's not getting saved in the media folder even if I create one manually nor is it creating one on its own either. I can get this to work without Ajax but not with it. Maybe it's something related to how I'm sending and handling data over Ajax, but I've gone through tons of forums to try and fix it but no results so far. I've double checked everything else such as the settings.py config and the libraries that I've imported, everything looks to be in order. I'm sharing the code below.

index.html

I'm trying to read in a file using the bottle framework.

Code:

I'm using spring security in my web application the authentication works fine i got redirected to the home page after login , the logged in username is shown in my application and everything is good except for one thing . I have an upload method in my application where the user can upload a video to azure storage and then save the url in the database This is the upload methode

Background :

User click on Mask & upload their own image on the mask.

Once image uploaded, Edit Text is displaying on the image.

Once user click on Edit Text, we are displaying pop up box.

Zoom & Rotate buttons are displaying. Also user can Drag the uploaded image....

Requirement :

Once we Zoom, rotate or drag image, I want to display the related Transformation-Matrix Values dynamically in console....

I am using these functions in Code snippet:

I'm trying to upload some images in my PHP application but I'm unable to do so. After some images, the post doesn't send data. It depends on the file size how many I can send like sometimes it works for 5 images sometimes for 3 images itself it throws this error.

First thing first, I am trying to extract the video duration from the file and then display it without having to actually upload the file.

When a user selected a video - the information will be displayed below it includes file name, file size, file type. However much to my terrible skills - I cannot get the duration to display. I tried some code snippets i found from other sites as well as here but none of them seems to work. Just trying to find a simple code that would do the task.

I tried onloadedmetadata but I don't think that would even work.

Please note : I'm still learning javascript.

I also tried some sites tutorial & some code snippet I found via stackoverflow