在phonegap中上传图片文件

时间:2015-11-04 12:24:04

标签: cordova phonegap-plugins

我正在使用phonegap制作应用程序。我必须通过选择图像表单设备库将图像文件上传到我的服务器。为此我尝试了ImagePicker,但是没有用。然后我尝试从输入字段中选择文件,在Android设备上打开图库,但我无法获得其完整的uri路径。我的代码是

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

点击这个Android画廊打开但输入值只给出了图像的名称而不是文件路径。我试过用这个

 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);
    }

请告诉我如何在服务器上传文件并显示将个人资料图片上传给用户

1 个答案:

答案 0 :(得分:0)

如果要使用输入文件,则必须使用ajax发送所有表单数据,使用FormData对象获取表单数据(包括输入文件)并以这种方式提交:

"something"

如果你想使用文件传输插件你不能使用输入文件,你应该使用多个文件选择器或文件选择器插件中的一个,它将返回文件路径,或者你想要上传一个图片,你可以使用相机插件