UIkit CSS拖放文件上传组件

Mat*_*ter 5 html javascript file-upload getuikit

我无法在我的Web应用程序中使用UIkit上传组件.我已经包含了上传组件JS,占位符css和表单文件css.

直接来自文档中的示例的代码对我来说甚至都不起作用.(稍作修改)

HTML

<div id="upload-drop" class="uk-placeholder">
    <i class="uk-icon-cloud-upload uk-icon-medium uk-text-muted uk-margin-small-right"></i>
    <input class="uk-form-file" id="upload-select" type="file" accept="image/*">
</div>
Run Code Online (Sandbox Code Playgroud)

JS

$(function(){
    var settings    = {
        action: 'app/components/Parts/upload.php'
    };

    var select = UIkit.uploadSelect($("#upload-select"), settings),
        drop   = UIkit.uploadDrop($("#upload-drop"), settings);
    });
});
Run Code Online (Sandbox Code Playgroud)

upload.php的

<script>
    document.location.href = "/test/#/;
</script>
Run Code Online (Sandbox Code Playgroud)

di3*_*sel 1

我相信您可以实现本文中的 PHP 逻辑来使用 UiKit 的 Javascript。

我也遇到过同样的问题,它对我有帮助。