CodeDropz

JS Display Upload Image after Send - Hook

Jun 14th, 2022 (edited)
216
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. document.addEventListener( 'wpcf7mailsent', function( event ) {
  2.         var s3_file_link = 'https://aotgraph-output.s3.amazonaws.com/';
  3.         var inputs = event.detail.inputs;
  4.         var fileName = '';
  5.  
  6.         $('#progressbar').show();
  7.  
  8.         setTimeout(function(){
  9.             $('#progressbar').hide();
  10.             for ( var i = 0; i < inputs.length; i++ ) {
  11.                 if ( 'upload-file-55[]' == inputs[i].name ) {
  12.                     name = inputs[i].value.split('.').slice(0, -1).join('.');
  13.                     fileName = name.split('|');
  14.                     if( fileName[1] ){
  15.                         $('#progressbar').after( $('<img src="'+ s3_file_link + fileName[1] +'.png">') );
  16.                     }
  17.                     break;
  18.                 }
  19.             }
  20.         }, 5000);
  21.  
  22.     }, false );
Add Comment
Please, Sign In to add comment