Загрузить изображение и JSON / XML из Javascaript / JQuery

Question

Моя цель - загрузить изображение и некоторые дополнительные данные в json / xml из javascript / jquery. Поскольку в настоящее время я занимаюсь разработкой с использованием инфраструктуры PhoneGap, это, похоже, немного хлопотно. Кажется, это не проблема, если я делаю это отдельно, но тогда я как бы теряю связь между изображением и данными, которые его описывают.

У кого-нибудь есть идеи, как это сделать? Или какой-нибудь другой хороший способ «сохранить данные вместе»?

Спасибо за любые предложения, OMA

Answer 1

Если вы используете PhoneGap, вы должны использовать его Filetransfer API.
Вы можете сделать это так и отправить свой объект json тоже.

var options = new FileUploadOptions();
options.fileKey="document";
options.params={};
options.params.fileName = options.fileName ;
options.chunkedMode = true;
options.params.documentDio=dio;//THIS IS YOUR JSON OBJECT
var ft = new FileTransfer();
ft.upload(fileURI, uploadUrl, function(data){
   //callback
}, errorFn, options);

Answer 2

Вы должны проверить плагин jQuery IFrame:

http://softwareas.com/jquery-iframe-plugin

AJAX-коммуникация не разрешает составные данные, поэтому я знаю только два способа:

• загрузка файла независимо от любых других данных с использованием Flash ИЛИ
• Используйте этот плагин для отправки всей формы в IFrame, поэтому не покидая текущую страницу

Надеюсь, это поможет ...

Answer 3

Может также стоить проверить плагин Jquery Form , который отлавливает отправку формы в js и позволяет вам делать с данными все что угодно перед отправкой их на сервер. Он также работает с загрузкой файлов, использует подход iframe, аналогичный предложению jperovic, за исключением того, что он делает все за вас. Это работало хорошо для меня в прошлом.