upload progress bar script
postFile('thumbnail' , 'progress-bar-thumbnail');
// "InputFile" & "ProgressBar" are ID of elements
function postFile(InputFile , ProgressBar) {
var formdata = new FormData();
formdata.append(InputFile, $('#'+InputFile)[0].files[0]);
let request = new XMLHttpRequest();
request.upload.addEventListener('progress', function (e) {
let file1Size = $('#'+InputFile)[0].files[0].size;
if (e.loaded <= file1Size) {
let percent = Math.round(e.loaded / file1Size * 100);
$('#'+ProgressBar).width(percent + '%').html(percent + '%');
}
if(e.loaded == e.total){
$('#'+ProgressBar).width(100 + '%').html(100 + '%');
}
});
// instead of '/admin/blog', write your form action
request.open('post', '/admin/blog');
request.timeout = 45000;
request.send(formdata);
}
Also in JavaScript:
- click anchor tag using jquery
- js if tab is active
- react native sovrapporre immagini
- adding numbers in an array javascript
- js generate random list of names with for loop
- post json in flutter
- javascript linting
- refresh page on button click jquery
- get attribute value jquery href
- how reliable is js hasownproperty
- react native add link to text
- ModuleBuildError: Module build failed (from ./node_modules/sass-loader/lib/loader.js): Error: ENOENT: no such file or directory, scandir
- javascript forEach return
- go back doesnt load javascript safari
- convert array to object in javascript
- cell get row google script
- how to know which button clicked in javascript
- javascript check if undefined or null or empty string
- filereader check file type
- comentário jsx
- javascript fisher yates shuffle mdn
- anagram program in javascript
- javascript check if set contains
- js remove property from object