在phonegap上传图片文件

Question

我正在 phonegap.I 中制作应用程序，必须通过选择图像格式设备 gallery.For 将图像文件上传到我的服务器，我尝试了 ImagePicker，但没有成功。然后我尝试从在 android 设备上打开图库的输入字段中选择文件，但我无法获得其完整的 uri path.My 代码是

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

单击此 android 画廊会打开，但输入值仅提供图像名称而不是文件名称 path.I 已尝试使用此

 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){

        }
});

如果您想使用无法使用输入文件的文件传输插件，您应该使用可用的多文件选择器或文件选择器插件之一，这将 return 一个文件路径，或者如要上传图片，可以使用相机插件

在phonegap上传图片文件

upload image file in phonegap

phonegap-plugins

cordova