1

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>
4

2 に答える 2

1

スコープがアプリ内にあるファイルのパスに webservice がアクセスできないため、パスが正しくないと思います。ファイルをアップロードするには、 Cordova File Transferの詳細をお読みください

[アップデート]

作業中のプロジェクトはGitHubからダウンロードできます

PhonegapFileUpload ブログを読む

于 2013-11-05T12:37:25.000 に答える