我得到了相同的代码,但遇到了这种错误:
未捕获的类型错误:无法读取 HTMLInputElement 中未定义的属性“0”。(upload.js:18) 在 HTMLInputElement.dispatch (jquery-3.3.1.slim.min.js:2) 在 HTMLInputElement.v.handle (jquery-3.3.1.slim.min.js:2)
这是我的代码:
$(document).ready(function(){
$('.upload-btn').on('click', function(){
$('#upload-input').click();
$('.progress-bar').text('0%');
$('.progress-bar').width('0%');
});
$('#upload-input').on('change', function(){
var uploadInput = $('#upload-input').val();
if(uploadInput != undefined){
// var form = $('form')[0];// You need to use standard javascript object here
var formData = new FormData();
console.log(uploadInput[0]);
formData.append('upload', uploadInput[0].files[0]).val();
$.ajax({
url: '/upload',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(data){
uploadInput.val('');
},
xhr: function(){
var xhr = new XMLHttpRequest();
xhr.upload.addEventListener('progress', function(e){
if(e.lengthComputable){
var uploadPercent = e.loaded / e.total;
uploadPercent …Run Code Online (Sandbox Code Playgroud)