Question

有人可以帮我解决文件上传后如何重置输入文件，我正在使用jquery fileupload插件。。 .i需要重置输入文件，以便上传不会发生多次。。。。。提前谢谢!!!

    $($files).each(function(index, selectorFile)
    {
        var counter = index + 1;
        $(selectorFile).fileupload({
            dataType: 'json',
            add: function (e, data) {
                $(document).on('click', '#startUploadButton', function(event)
                {
                    console.log("in add "+selectorFile+" >> click event");
                    validateFileUpload();
                    $("#startUploadButton").attr('disabled', 'true');
                    $(selectorFile).attr('disabled', 'true');
                    $.ajax({
                                type : 'POST',
                                url : localStorage.getItem("contextPath")+"/content.createContent.htm",
                                data : {
                                    code : '0'+counter,
                                    name: $('#name'+counter+'').val(),
                                    originalName: $('#name'+counter+'').val(),
                                    description: $('#description'+counter+'').val(),
                                    tags: $('#tags'+counter+'').val(),
                                    type: $("#selectFileType"+counter+"").chosen().val(),
                                    extension: $('#name'+counter+'').val(),
                                    size: $('#name'+counter+'').val()
                                },
                                success : function(response)
                                {
                                    alert(response);
                                    data.formData = {id: response};
                                    data.submit();
                                },
                                error : function(e)
                                {
                                    alert('Error : ' + e);
            //                      alert('Error : '+e.responseText);
                                }
                            });
                });
//              $(document).off('click', "#uploadButton");
            },
            done: function (e, data)
            {
                if(controllMultipleHit == 2)
                {
                    $(document).off('click', "#startUploadButton");
                    console.log("IN fileupload"+counter+" DONE");
                    e.preventDefault();
                    e.stopPropagation();
                    controllMultipleHit = 0;
                }
                else
                {
                    controllMultipleHit++;
                }
            },
            progressall: function (e, data)
            {
                var progress = parseInt(data.loaded / data.total * 100, 10);
                $('#progress'+counter+' .bar').html(progress+"%");
                $('#progress'+counter+' .bar').css('width', progress + '%');
                if(progress == 100)
                {
                    $("#startUploadButton").removeAttr('disabled');
                    $(selectorFile).removeAttr('disabled');
                }
            },
        });
    });

Answer 1

尝试此功能

    function reset_field(e) {
    e.wrap('<form>').parent('form').trigger('reset');
    e.unwrap();
}

您可以将其称为

reset_field($('#fileupload1'));

在jquery fileupload插件中重置文件输入

1 个答案: