从Javascript / jquery上传图像和JSON / XML

Question

我的目标是从javascript / jquery上传json / xml中的图像和一些额外数据。由于我目前正在使用PhoneGap框架进行开发，这似乎有点麻烦。单独执行此操作似乎不是一个问题，但是我放松了图像与描述它的数据之间的关系。

有没有人有关于如何做到这一点的想法？还是其他一些“将数据保持在一起”的好方法？

感谢您的任何建议， OMA

Answer 1

你应该查看jQuery IFrame插件：

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

AJAX通信不允许多部分数据，所以我知道的唯一两种方法是

• 使用Flash 或
独立于任何其他数据上传文件
• 使用此插件将整个表单提交给IFrame，因此不会离开当前页面

希望这会有所帮助......

Answer 2

如果你正在使用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 3

还可以检查Jquery Form Plugin，这会抓住js中的表单提交，并允许您在将数据发送到服务器之前对数据执行任何操作。它也适用于文件上传，它使用类似于jperovic建议的iframe方法，除了它为您完成所有操作。这对我来说效果很好。