使用phonegap提交数据和图像提交表单
我正在使用phonegap,html,ajax,jquery,mysql和php。
在我的Phonagep应用程序中,我的表单包含用户名,密码,userphoto。
我想从html页面提交此表单。 让我们说register.html
表单数据应该发送到我的服务器上的一个名为services的文件夹中的php页面,让路径为“ http://www.example.com/services/register.php ”。
此页面应该处理mysql插入过程到一个也上传到同一服务器上的数据库。
在这个服务器上我还有一个名为images的文件夹,其中应该上传用户图像,并且应该在mysql数据库中插入完整的浴槽。
我已经尝试使用ajax将用户名和passowrd发布到此页面并插入数据。 但是在使用serialize()时我遇到数据问题。
我也无法使用ajax上传图片?
我使用了这段代码..我在没有发送图像路径的情况下得到用户名和密码的响应,但是在发送图像路径时没有任何反应
Basic Upload function sub(e){ var ft = new FileTransfer(); var options = new FileUploadOptions(); options.fileKey="myImg"; options.fileName=$('#myImg').val(); options.mimeType="image/jpeg"; options.mimeType="image/png"; options.chunkedMode = false; var PATH = options.fileName; var form_data= new Object(); form_data['user_name']= 'User'; form_data['password']= '1234'; form_data['user_image_path']= PATH; var url = "http://localhost/stacktest/register.php"; $.getJSON(""+url+"?callback=?"+"&form_data="+JSON.stringify(form_data), function (response) { try { // Get Your Response alert(response); } catch(ex) { console.log(ex); } } ); }
您应该使用PHP Webservice和Json来执行以下任务
访问Web服务,如: –
创建PHP Webservice(register.php),如: –
user_name; $password = $form_data->password; $user_image_path = $form_data->user_image_path; //Perform Your Task like Insert into Database etc $res= 'Your Response which you want to return'; echo $_GET["callback"].'('.json_encode($res).')';
我认为您的路径不正确,因为webservice无法访问您的应用程序范围内的文件路径。 上传您的文件了解有关Cordova文件传输的更多信息
[更新]
您可以从GitHub下载工作项目
阅读PhonegapFileUpload博客