Как сделать загрузу файла на JavaScript, если input в одной форме, а нужный url — находится по другому адресу?

Question

[semolex]

Здраствуйте!
Имеется следующая проблема - есть форма "orderform". Там есть поле Additional Materials, которое отвечает за загрузку файлов - обычный .
Содержимое полей формы отправляется по url /makeoorder.

Так вот - как мне реализовать загрузку файла, выбраного в инпут-поле по адресу /upload?

Реализация нужна на JS/Jquery.

Спасибо!

Answer 1

[Александр Борисович]

тут не в js дело. Пехапе на сервере?
Форма уходит с файлами, инфа помещается в глобальный массив $_POST или $_GET, а файлы в $_FILES
Физически во временную папку. А вот как с ними нужно работать дальше:
php.net//manual/ru/function.move-uploaded-file.php

Comments

[semolex]

На сервере - Python (Flask). Такую задачку задали именно на клиентской части, хотя не плохо будет и сразу отправлять САБМИТом на сервер.
Что за преподаватели пошли :)

[Александр Борисович]

@semolex тогда на аяксе две формы

[semolex]

Спасибо, попробую!

Answer 2

[KEKSOV]

Есть только один способ - разбить вашу форму на две формы, каждая со своим адресом обработки, в первой оставить поля, во вторую запихнуть поле с файлом. При нажатии на кнопку отправить в первой форме нужно ручками отправлять обе формы при помощи JS. Только таким образом можно указать два разных адреса куда отправляются данные.

Посмотрите вот на этот плагин для jQuery, возможно, он вам пригодится.

Answer 3

[IceJOKER]

JAVASCRIPT - CLIEND SIDE LANGUAGE, то есть javascript работает в браузере пользователя и нифига не знает о том, что за дисней лэнд у вас на сервере. для взаимодействия сервера и js нужно воспользоваться ajax.
вместе дружно Php+js решать вашу проблему

Answer 4

[Евгений]

Если на php, то следующим образом:
Ваше поле для выбора файла <input type="file" name="myfile" id="myfile" />
Тогда для переноса файла в нужную Вам папку:
define ('MY_UPLOAD', '/upload');
$file_name = $_FILES['myfile']['name'];
$target = MY_UPLOAD.$file_name;
move_uploaded_file($_FILES['myfile']['tmp_name'], $target);
Но новые файлы будут затирать старые с таким же именем. Можно в конце имени добавлять например время.