phonegap、html、ajax、jquery、mysql、および php を使用しています。
私の Phonagep アプリケーションには、ユーザー名、パスワード、ユーザー写真を含むフォームがあります。
このフォームをhtmlページから送信したいです。register.html としましょう
フォーム データは、サーバー上の services という名前のフォルダーにアップロードされている php ページに送信する必要があります。パスは " http://www.example.com/services/register.php " とします。
このページは、同じサーバーにアップロードされているデータベースへの mysql 挿入プロセスを処理する必要があります。
このサーバーには、ユーザーイメージをアップロードし、そのフルバスをmysqlデータベースに挿入する必要があるimagesという名前のフォルダーもあります。
ajax を使用してユーザー名とパスワードをこのページに投稿し、データを正常に挿入しようとしました。しかし、serialize() を使用すると、データに問題が発生します。
また、ajaxを使用して画像をアップロードできませんか?
私はこのコードを使用しました..画像パスを送信せずにユーザー名とパスワードの応答を取得しますが、画像パスを送信しても何も起こりません
<html>
<head>
<title>Basic Upload</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.pack.js'></script>
<script type="text/javascript" charset="utf-8">
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);
}
}
);
}
</script>
</head>
<body>
<form method="post" enctype="multipart/form-data" id="registerForm" onsubmit="sub(this.value);">
<input type="file" name="myImg" id="myImg" />
<input type="submit" value="Upload" name="submitButton" id="submitButton" />
</form>
</body>
</html>