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