如何清除选定的文件从kartik FileInput yii2

Question

我在我的网站上有一个kartik的文件上传小部件，比如

<?=$form->field($documents, 'file_additional_doc[]')->widget(FileInput::classname(), [
              'options'=>['id'=>'file_additional_doc'],
    'pluginOptions' => [
        'showUpload' => false,
        'browseLabel' => '',
        'removeLabel' => '',
        'mainClass' => 'input-group-lg',
        'showPreview'=>false,
        'showCancel' => false,
    ]
])->label(false);?>

我想通过一个外部按钮清除选中的文件。我很累

document.getElementById("file_additional_doc").value=null;

但它不起作用。如何从kartik文件输入清除所选文件。提前感谢

Answer 1

您可以在小部件中添加删除按钮。只有通过ajax上传时，“删除”按钮才起作用。设置ajax的uploadUrl和deleteUrl属性。

'pluginOptins' => [
    'uploadUrl' => Url:;to(<url>),
    'deleteUrl' => Url::to(<url>)
]

自定义删除按钮使用layoutTem板属性

'layoutTemplates' => [
    'actionDelete' => [
         '<button type="button" class="kv-file-remove btn btn-sm btn-kv btn-outline-secondary" title="{removeTitle}" {dataKey}{dataUrl}><i class="fa fa-trash"></i></button>'
   ]
]

如果您想覆盖默认的删除按钮，请删除类kv-file-删除并添加添加自定义id或类。然后触发基于添加的id或删除类的ajax方法。