Yii2 : kartik-v/fileinput 在选择时触发上传

Question

我使用 YII2 + /kartik-v/bootstrap-fileinput kartik /kartik-v/bootstrap-fileinput插件。 当用户将文件放入上传输入时，我需要上传文件。 通过ajax请求制作。 当我将“ showUpload ”选项设置为false并使用 ajax 操作设置“ uploadUrl ”时，更改文件事件不会发生对服务器的请求。

<?= $form->field($model, 'logotype')->widget(FileInput::class, [
    'options'       => [ 'accept' => 'image/*' ],
    'pluginOptions' => [
    'showCaption' => false,
    'showRemove'  => false,
    'showUpload'  => false,
    'browseClass' => 'btn btn-primary btn-block',
    'browseIcon'  => '<i class="glyphicon glyphicon-camera"></i> ',
    'uploadUrl'=> '/module/controller/action'
],
]); ?>

当用户选择图像并且不另外按下“上传”按钮时，我希望表单在服务器上使用我的文件在数据中创建ajax POST 。 使用这个插件可以实现吗？ 或者我应该编写一个自定义处理程序onchange事件？ 也许插件选项中有某种回调。

Answer 1

您可以使用change事件在选择文件时手动触发上传，并触发 ajax 上传您应该调用upload方法。

看下面的代码

$('#input-id').on('change', function(event) {
    $(this).fileinput('upload');
});

希望能帮助到你

Answer 2

对我来说“filebatchselected”事件有效。

原文https://plugins.krajee.com/file-input-ajax-demo/6

$("#projectplan-plan_file").on('filebatchselected', function(event) {
    $(this).fileinput('upload');
});