Question

请将它添加到WordPress按钮中的联系表单7以删除上传的文件？

非常感谢。

亲切的问候，

扬

Answer 1

如果我理解您的问题，您希望能够在提交表单之前取消/重置<input type="file" />字段上的文件选择。如果这是你想要的，简短的答案是否定的，没有任何cf7标签可以做到这一点，也没有任何插件扩展来做到这一点（我还知道:)。您需要使用一些自定义的javascript在表单中自己实现它。

要将自定义javascript上传到联系表单7，您可以参考此answer。

要重置文件输入字段，您可以参考此answer。

我希望这会对你有所帮助。

Answer 2

我们可以通过简单的jquery点击功能轻松实现。

这是我们的文件上传html，因此我们可以编写点击功能

<input type="file" name="file-711" size="40" class="wpcf7-form-control wpcf7-file" id="imgupload" accept=".png,.jpg,.jpeg,.pdf,.doc,.docx" aria-invalid="false">

jQuery

$(document).ready(function () {
$('#imgupload').change( function(event) {
        var len = $('.img-remove').length;
        if(len < 1){
         $('.fileupload-wrp').append('<a class="img-remove" id="remvImg" style="" onclick="removeimg()" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Remove Image"><i class="fa fa-trash"></i></a>');
        }
    });
}); //imgupload is the file upload id

对于我每次上传的每个附件都添加删除按钮

删除点击事件

function removeimg(){
 if(confirm("Are you sure you want to delete this?")){
    $('#imgupload').val('');
    $("#remvImg").remove();
 }      
}

联系表格7删除上传的文件

2 个答案: