Загрузка файлов в Ajax: каковы мои лучшие варианты?

Question

У меня есть веб-форма, которая включает в себя файл ввода (для фотографии) и текстовое поле (для описания).

Когда пользователь отправляет форму, я хотел бы отправить файл в API в другом домене.Вызов API принимает информацию о двоичном файле.Я надеялся отправить запрос POST через Ajax, но кажется, что невозможно отправлять файлы через Ajax.

Итак, могу ли я указать форму непосредственно на URL API?Проблема в том, что делать с ответом: как я могу обработать ответ 200 и перенаправить пользователя на страницу «успеха» в моем приложении без Ajax?

Или мне нужно выполнить POSTвместо сценария на стороне сервера?

Answer 1

Как насчет использования библиотеки JavaScript, чтобы помочь? Вы можете использовать jQuery: Как я могу загружать файлы асинхронно?

Answer 2

Я надеялся отправить запрос POST через Ajax, но кажется, что невозможно отправлять файлы через Ajax.

Мало того, что вы не можете загружать файлы с помощью AJAX, но вы не можетеотправить запрос AJAX в разные домены.

Итак, вот что вы можете сделать:

Иметь форму POST для сценария на стороне сервера на вашем сервере.Этот скрипт извлекает загруженный файл и описание и отправляет их в виде нового запроса POST в удаленный домен.На основании ответа ваш серверный скрипт будет перенаправлен туда, куда вы хотите.