amazon web services - Progress bar is only showing 100% in blueimp/jQuery-File-Upload for aws s3 upload -


i trying integrate /jquery-file-upload plugin uploading files in aws s3. till successful in uploading files s3 via plugin. while uploading file s3 , plugin not showing progress bar or accurate, showing directly 100% file size (for ex.) 128kb/128kb. using servlet(for s3 upload process) , html(temporary interface). here servlet ::

  /**   * servlet implementation class uploadcon   */   @webservlet("/uploadcon1")   @multipartconfig   public class uploadcon1 extends httpservlet {   private static final long serialversionuid = 1l;    /**   * @see httpservlet#httpservlet()   */   public uploadcon1() {     super();     // todo auto-generated constructor stub    }      protected void doget(httpservletrequest request, httpservletresponse response) throws servletexception, ioexception {     // todo auto-generated method stub }  /**  * @see httpservlet#dopost(httpservletrequest request, httpservletresponse response)  */ protected void dopost(httpservletrequest request, httpservletresponse response) throws servletexception, ioexception {     // todo auto-generated method stub      string bucketname = "thehexa4";     string uploadfilename="";          amazons3 s3client = new amazons3client(new profilecredentialsprovider());                           try {                         for(part filepart : request.getparts()){                             if(!filepart.getsubmittedfilename().isempty()){                         string filename = filepart.getsubmittedfilename();                         inputstream filecontent = filepart.getinputstream();                            system.out.println("filepart :: "+filepart);                             system.out.println("file name :: "+filename);                           system.out.println("uploading new object s3 file\n");                         objectmetadata meta = new objectmetadata();                         meta.setcontentlength(filepart.getsize());                         meta.setcontenttype("image/jpg");                                                    s3client.putobject(bucketname, filename, filecontent, meta);                           //json metadata transfer                          printwriter writer = response.getwriter();                         response.setcontenttype("application/json");                         jsonarray json = new jsonarray();                         try {                                      string fileuploadpath = "https://"+bucketname+".s3.amazonaws.com/"+filename;                                           jsonobject jsono = new jsonobject();                                         jsono.put("name", filepart.getsubmittedfilename());                                         jsono.put("size", filepart.getsize());                                         jsono.put("url", fileuploadpath);                                       //  jsono.put("thumbnail_url", fileuploadpath);                                         jsono.put("delete_url", fileuploadpath);                                         jsono.put("delete_type", "get");                                         json.put(jsono);                          } catch (exception e) {                                 throw new runtimeexception(e);                         } {                             writer.write(json.tostring());                             writer.close();                         }                      }                         //json transfer ends                              }                         }catch (amazonserviceexception ase) {                         system.out.println("caught amazonserviceexception, " +                         "means request made " +                         "to amazon s3, rejected error response" +                         " reason.");                         system.out.println("error message: " + ase.getmessage());                         system.out.println("http status code: " + ase.getstatuscode());                         system.out.println("aws error code: " + ase.geterrorcode());                         system.out.println("error type: " + ase.geterrortype());                         system.out.println("request id: " + ase.getrequestid());                         } catch (amazonclientexception ace) {                         system.out.println("caught amazonclientexception, " +                         "means client encountered " +                         "an internal error while trying " +                         "communicate s3, " +                         "such not being able access network.");                         system.out.println("error message: " + ace.getmessage());                         }                      //code ends                 }        }

here html :[i haven't changed in original plugin html other form action="/uploadcon1" , necessary js-css file paths have displayed form portion of html file]

    <!-- file upload form used target file upload widget --> <form id="fileupload" action="uploadcon1" method="post" enctype="multipart/form-data">     <!-- fileupload-buttonbar contains buttons add/delete files , start/cancel upload -->     <div class="row fileupload-buttonbar">         <div class="span7">             <!-- fileinput-button span used style file input field button -->             <span class="btn btn-success fileinput-button">                 <i class="icon-plus icon-white"></i>                 <span>add files...</span>                 <input type="file" name="files[]" multiple>             </span>             <button type="submit" class="btn btn-primary start">                 <i class="icon-upload icon-white"></i>                 <span>start upload</span>             </button>             <button type="reset" class="btn btn-warning cancel">                 <i class="icon-ban-circle icon-white"></i>                 <span>cancel upload</span>             </button>             <button type="button" class="btn btn-danger delete">                 <i class="icon-trash icon-white"></i>                 <span>delete</span>             </button>             <input type="checkbox" class="toggle">         </div>         <!-- global progress information -->         <div class="span5 fileupload-progress fade" >             <!-- global progress bar -->             <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">                 <div class="bar" style="width:0%;"></div>             </div>             <!-- extended global progress information -->             <div class="progress-extended">&nbsp;</div>         </div>     </div>     <!-- loading indicator shown during file processing -->     <div class="fileupload-loading"></div>     <br>     <!-- table listing files available upload/download -->     <table role="presentation" class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table> </form>

can this? in advance. :)


Comments

Post a Comment

Popular posts from this blog

javascript - jQuery: Add class depending on URL in the best way -

i have html progress meter: <div class="col-md-3" style="margin-left: -20px;"> <div class="progress-pos active" id="progess-1"> <div class="progress-pos-inner"> login </div> </div> </div> <div class="col-md-3 progress-pos-container"> <div class="progress-pos" id="progess-2"> <div class="progress-pos-inner"> scan items </div> </div> </div> <div class="col-md-3 progress-pos-container"> <div class="progress-pos" id="progess-3"> <div class="progress-pos-inner"> confirm address </div> </div> </div> <div class="col-md-3 progress-pos-container"> <div class="progress-pos" id="progess-4"> <div class="progress-pos-in...
Read more

caching - How to check if a url path exists in the service worker cache -

i need check if particular url path exists in service worker cache. example, suppose url is: /myserviceworker/service?a=110&b=70 this url exists in cache, there many of them different values of , b. now, suppose want refresh of these urls, how can that? i want know how access key values service worker cache. if know key, plan follows: var url = new url(key); if(url.pathname === "\/myserviceworker/service") refetch key but not sure how cache key , in format is. mean, string or url? cache api has match() method returns promise resolving in response object if match or undefined if no match exists. second parameter object can specify ignoresearch not take account url parameters. the ignoresearch option supported firefox ( chrome status here ). in other hand, retrieve cache entries, can use keys() method.
Read more

Redirect to a HTTPS version using .htaccess -

i need modify .htaccess file redirect urls https version without "www". http://example.com --> https://example.com http://www.example.com --> https://example.com https://www.example.com --> https://example.com this how .htaccess file looks like: rewriteengine on rewritecond %{request_filename} !-d rewritecond %{request_filename} !-f rewriterule ^(.*)$ redirect.php?id=$1&page=$2 [qsa,l] what modifications need make .htaccess in order forward https without "www"? it depends on doing current code. looks file called redirect trying display php page seo friendly url. think might confusing people. anyway, need , force https without www, need 1 more rule above. also second rule needs two capture groups in rewriterule test string because wanting 2 different values using $1 , $2 references. rewriteengine on #rediect www non www and/or http https --- combinations. rewritecond %{http_host} !^example\.com [nc,or] rewritecond %{https} !^...
Read more