仅使用jquery上传进度条(带百分比)-不使用php

仅使用jquery上传进度条(带百分比)-不使用php,jquery,html,Jquery,Html,我一直在用jquery进行文件上传。我的要求是上传文件后点击上传按钮。我想只使用jquery以百分比显示进度条。不使用任何其他服务器端语言,如PHP。在表单中没有任何动作php文件。只需上传文件,同时上传显示进度条的百分比,没有服务器端的行动 谢谢 拉穆 没有服务器端语言,您只能显示特定时间的进度条Y我想显示特定时间的进度条,百分比可能重复此引用修复的问题的可能重复:没有服务器端语言,您只能显示特定时间的进度条Y我想显示进度条特定时间,百分比可能重复此参考修复的问题的可能重复: HTML Fil

我一直在用jquery进行文件上传。我的要求是上传文件后点击上传按钮。我想只使用jquery以百分比显示进度条。不使用任何其他服务器端语言,如PHP。在表单中没有任何动作php文件。只需上传文件,同时上传显示进度条的百分比,没有服务器端的行动

谢谢 拉穆


没有服务器端语言,您只能显示特定时间的进度条Y我想显示特定时间的进度条,百分比可能重复此引用修复的问题的可能重复:没有服务器端语言,您只能显示特定时间的进度条Y我想显示进度条特定时间,百分比可能重复此参考修复的问题的可能重复:
HTML File

<form method="post" id="save_build_upload">

<div class="uploadFileBlock">
               <div class="uploadFile" >
                  <div class="upload-ipa" id="inputFileButton">
                     <i class="sprite ipa-icon "></i>
                     <span>Drag and drop the file or click to upload. </span>
                  </div>
                  <div class="outputIPA"></div>
               </div>
               <div class="uploadFile">
                  <div class="upload-apk">
                     <i class="sprite apk-icon "></i>
                     <span>Drag and drop the file or click to upload. </span>
                  </div>
                  <div class="outputAPK"></div>
               </div>
            </div>

<div id='output_image'></div>

<div id="uploadButtonDiv">              
      <button type="submit" class="btn" id="uploadBuildFile" onClick="uploadFile();">Upload</button>                  
</div>

</form>
$(document).ready(function () {

$("#save_build_upload").submit(function(){

var form_data = new FormData();        
        jQuery.each(jQuery('#inputFile')[0].files, function(i, file) {
            form_data.append('file', file);
            console.log('adding file' + file)          

       });

       event.preventDefault();        

       $.ajax({
                url: '/v1/appManagement/upload/' + localStorage.getItem("userId") + '/',
                data: form_data,
                cache: false,
                contentType: false,
                processData: false,
                type: 'POST',
                success: function(data){
                    console.log('File Uploaded!')  
                    window.location.reload();                              
               }
        });

}); //End of submit

});