在phonegap中上传图像文件

Question

我在PhoneGap，我必须上传一个图像文件到我的服务器通过选择图像表单设备Galler，为此我尝试了ImagePicker，但没有工作。然后我尝试从打开android设备上的gallery的输入字段中选择文件，但我无法获得其完整的uri路径

 <input type="file" id="myFile" multiple size="50" 
                 style="filter: alpha(opacity=0);height:200px;width:100%; opacity: 0;">

 function open(){
        var imageURI=document.getElementById("myFile").value;alert(imageURI);//getting C://fakepath/abc.png
        var options = new FileUploadOptions();
        options.fileKey = "profile_pic";
        options.fileName = imageURI.substr(imageURI.lastIndexOf('/')+1);
        options.mimeType = "image/jpeg";params.value1 = "image";
        params.value2 = "param";options.params = params;var ft = newFileTransfer();
        ft.upload(imageURI, encodeURI(serviceURL+"upload_ipad.php"), uploadSuccess, uploadFail, options);
    }

请告诉我如何在服务器上上传文件并将上传的配置文件图像显示给用户

Answer 1

如果要使用输入文件，必须使用ajax发送所有表单数据，请使用FormData对象获取表单数据（包括输入文件）并以以下方式提交：

var data = new FormData($('#yourFormID')[0]);
$.ajax({
        url: serverURL,
        data: data,
        cache:false,
        contentType: false,
        processData: false,
        type: 'POST',
        error: function(jqXHR,textStatus,errorThrown){

        },
        success: function(data){

        }
});

如果你想使用文件传输插件你不能使用输入文件，你应该使用多个文件选择器或文件选择器插件之一，这将返回一个文件路径，或者当你想上传一张图片，你可以使用相机插件