小编Joh*_*ero的帖子

Ajax 表单数据文件上传及进度百分比

我得到了相同的代码,但遇到了这种错误:

未捕获的类型错误:无法读取 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)

html ajax jquery node.js

4
推荐指数
1
解决办法
2791
查看次数

标签 统计

ajax ×1

html ×1

jquery ×1

node.js ×1