JavaScript — UIKIT 3 получить имя загруженного файла

Я пытаюсь создать функцию, в которой пользователь загружает файл, а затем показывает изображение, которое было загружено в div. Но мне нужно иметь имя файла для добавления атрибута src в

Похоже, в UIKIT 3 нет способа узнать имя файла при его удалении или выборе.

Кто-нибудь может помочь, пожалуйста?

Вот код из UIKIT, и Вотдокументы, которые они предоставляют

               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);

}

});

1

Решение

Сторона 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();
}
0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]