UIkit CSS Drag/Drop 文件上传组件答案

【问题标题】：UIkit CSS Drag/Drop file upload componentUIkit CSS Drag/Drop 文件上传组件
【发布时间】：2015-09-27 06:09:17
【问题描述】：

我无法让 UIkit 上传组件在我的 Web 应用程序中工作。我已经包含了上传组件 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>

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

    var select = UIkit.uploadSelect($("#upload-select"), settings),
        drop   = UIkit.uploadDrop($("#upload-drop"), settings);
    });
});

上传.php

<script>
    document.location.href = "/test/#/;
</script>

【问题讨论】：

我使用上传组件和 Codeigniter，它的工作就像一个魅力。在你进入 php 部分之前，你应该检查你的 html 文件。你是否包含了所有需要的 js 脚本，jquery，uikit，上传？（顺序也很重要）

标签： javascript html file-upload getuikit

【解决方案1】：

我相信您可以从 this article 实现 PHP 逻辑以使用 UiKit 的 Javascript。

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

【讨论】：