PhoneGap拍摄/选择图像,然后在输入字段中输入名称,然后点击上传图像/表单


PhoneGap take/select image then enter name into input field then upload image/form onclick

我能够从我的PhoneGap应用程序上传图像到我的web服务器。但我想做的是拍一张照片,而不是让它自动上传,而是等到我在表单输入框中输入我的名字,然后当我点击提交它会提交表单并上传图像。然后,处理该文件的php脚本会将名称连接到图像名称上,这样我就可以知道是谁上传了它。

我希望人们能够为比赛提交照片,但我需要一种方法来匹配用户与他们提交的照片。如果不太复杂的话,还有别的方法吗?

这是我上传的javascript

function captureSuccess(mediaFiles) {
                var i, len;
                for (i = 0, len = mediaFiles.length; i < len; i += 1) {
                    uploadFile(mediaFiles[i]);
                }
            }
            // Called if something bad happens.
            //
            function captureError(error) {
                var msg = 'Something went wrong'
                navigator.notification.alert(msg, null, 'Uh oh!');
            }
            // A button will call this function
            //
            function captureImage() {
                // Launch device camera application,
                // allowing user to capture up to 2 images
                navigator.device.capture.captureImage(captureSuccess, captureError, {limit: 2});
            }
            // Upload files to server
            function uploadFile(mediaFile) {
                var ft = new FileTransfer(),
                path = mediaFile.fullPath,
                name = mediaFile.name;
                ft.upload(path,
                          "http://www.example.com/upload.php",
                          function(result) {
                          console.log('Upload success: ' + result.responseCode);
                          console.log(result.bytesSent + ' bytes sent');
                          var user_id = Math.floor(Math.random()*1001)
                          var day_uploaded = new Date().getDay();
                          var hour_uploaded = new Date().getHours();
                          var minute_uploaded = new Date().getMinutes();
                          var sec_uploaded = new Date().getSeconds();
                          var msg = 'Your file was uploaded! Your picture ID is ' + day_uploaded + hour_uploaded + minute_uploaded + sec_uploaded;
                          navigator.notification.alert(msg, null, 'Thanks!');
                          },
                          function(error) {
                          console.log('Error uploading file ' + path + ': ' + error.code);
                          },
                          { fileName: name });   
            }

可以,

var _uploadPhoto = function(id, name, data) {
    var _data = {
        'id' : id,
        'fileName' : name,
        'image' : data
    };
    $.ajax({
        type : 'POST',
        data : JSON.stringify(_data),
        url : 'your_url'
        success : function(data) { },
        error: function(error) { }
    });
};