UIKIT 3获取上传文件的名称

Posted 2021-04-08

我尝试创建一个功能，用户上传文件，然后显示已上传到div的图像。但我需要有文件的名称才能添加src attr

似乎UIKIT 3没有办法在删除或选择文件时获取文件的名称。

有人可以帮帮忙吗？

这是来自UIKIT的代码，here是他们提供的文档

               UIkit.upload('.js-upload', {

                    url: '../config/forms.php',

                    beforeSend: function () {
                        console.log('beforeSend', arguments);

                    },
                    beforeAll: function () {
                        console.log('beforeAll', arguments);
                    },
                    load: function () {
                        console.log('load', arguments);
                    },
                    error: function () {
                        console.log('error', arguments);
                    },
                    complete: function () {
                        console.log('complete', arguments);
                    },

                    loadStart: function (e) {
                        console.log('loadStart', arguments);

                        bar.removeAttribute('hidden');
                        bar.max = e.total;
                        bar.value = e.loaded;
                    },

                    progress: function (e) {
                        console.log('progress', arguments);

                        bar.max = e.total;
                        bar.value = e.loaded;
                    },

                    loadEnd: function (e) {
                        console.log('loadEnd', arguments);

                        bar.max = e.total;
                        bar.value = e.loaded;
                    },

                    completeAll: function (arguments) {

                        console.log('completeAll', arguments);

                        setTimeout(function () {
                            bar.setAttribute('hidden', 'hidden');
                        }, 1000);

                    }

                });

答案

JS方面：

                        UIkit.upload('.js-upload', {

                            url: 'file_upload.php',
                            multiple: false,
                            mime: "image/*",

                            completeAll: function () {
                                uploaded_filename = arguments[0].response;
                            }

                        });

PHP方面：

$uploads_dir = PUBLIC_FOLDER."uploads"; 
$tmp_name = $_FILES['form-drop-place']['tmp_name'];
$image_name = $_FILES['form-drop-place']['name'];
$ext = pathinfo($image_name, PATHINFO_EXTENSION);
$new_name = "newname." . $ext;
$new_place = $uploads_dir . "/" . $new_name;

if ( move_uploaded_file($tmp_name, $new_place) ) {
    die($new_name);
} else {
    die();
}