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

【问题标题】：Contact Form 7 remove uploaded file联系表格 7 删除上传的文件
【发布时间】：2017-06-24 00:31:44
【问题描述】：

是否可以在 WordPress 按钮中添加联系表格 7 以删除上传的文件？

add button for removing file

非常感谢。

亲切的问候，

一月

【问题讨论】：

标签： wordpress contact-form-7

【解决方案1】：

我们可以通过简单的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();
 }      
}

【讨论】：

【解决方案2】：

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

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

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

希望对你有帮助。

【讨论】：