GET UIKIT upload

Question

У меня есть компонент загрузки .js и .css на моей странице. Я установил каталог загрузки 'uploads/' - при отбрасывании изображения или выборе его вручную, индикатор выполнения достигает 100%, и все кажется успешным.

Форма имеет

action='proc_update_container.php' method='post' enctype='multipart/form-data' 

Элемент имеет

input id='fileToUpload' type='file' name='fileToUpload' 

Сценарий

вар выберите = UIkit.uploadSelect ($ ('# fileToUpload'), настройки

С настройками как:

action: 'proc_update_container.php', // upload url 

и PHP скрипт, форма кнопки отправки вызовов обрабатывать загрузки изображений на стороне сервера является:

$target_dir = "uploads/"; 
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]); 
move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file); 

Когда я отправить форму, РНР сумы не получает имя файла, так что не удается. Если я использую простую форму html с использованием того же действия формы и стандартного HTML input type="file" name="fileToUpload" id="fileToUpload" , тогда файл изображения помещается в папку uploads /.

Куда я иду не так?

Answer 1

Вам здесь не нужна форма, компонент загрузки - это чистое решение js. Оставьте только один входной файл. Начните с примера документов и посмотрите, как он может работать с вашим скриптом. Не забудьте добавить css для вставки вашего файла в текст и другой используемый внутри пример (form-file.css, placeholder.css, progress.css). Посмотрите, что такое inisde console - что проходит, проходит ли файл?

И важная вещь. Откорректируйте настройки компонентов, по умолчанию имя почтового запроса - файлы [], поэтому измените аргумент param на fileToUpload.

//... 
var settings = { 
param = "fileToUpload", 
} 
//...