如何使用phonegap从手机上传文件？上传文件是否需要任何phonegap插件？答案

【问题标题】：how to upload file from mobile using phonegap ? Is there any phonegap plugin required to upload file?如何使用phonegap从手机上传文件？上传文件是否需要任何phonegap插件？
【发布时间】：2017-03-23 05:40:15
【问题描述】：

我们正在尝试将文件从 phonegap 移动应用程序上传到网络服务器在现有 Web 应用程序中使用默认文件上传选项

我们尝试使用电话间隙构建 apk

我们的问题是如何使用phonegap从手机上传文件？上传文件需要phonegap插件吗？

【问题讨论】：

标签： cordova mobile file-upload phonegap

【解决方案1】：

是的。要从网络服务器上传或下载文件，您需要使用文件传输插件。添加以下插件。

cordova plugin add cordova-plugin-file-transfer

上传文件的示例代码是

var win = function (r) {
    console.log("Code = " + r.responseCode);
    console.log("Response = " + r.response);
    console.log("Sent = " + r.bytesSent);
}

var fail = function (error) {
    alert("An error has occurred: Code = " + error.code);
    console.log("upload error source " + error.source);
    console.log("upload error target " + error.target);
}

var options = new FileUploadOptions();
options.fileKey = "file";
options.fileName = fileURL.substr(fileURL.lastIndexOf('/') + 1);
options.mimeType = "text/plain";

var params = {};
params.value1 = "test";
params.value2 = "param";

options.params = params;

var ft = new FileTransfer();
ft.upload(fileURL, encodeURI("http://some.server.com/upload.php"), win, fail, options);

【讨论】：

其实我希望这段代码可以在电话间隙中工作

【解决方案2】：

将这些添加到项目中：

在app/res/xml/config.xml :

<plugin name="File" value="org.apache.cordova.FileUtils" />
<plugin name="FileTransfer" value="org.apache.cordova.FileTransfer" />

在app/AndroidManifest.xml

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

【讨论】：

【解决方案3】：

cordova plugin add cordova-plugin-file-chooser
cordova plugin add cordova-plugin-file

添加上述插件后html输入文件可以正常工作无需更改现有 Web 应用程序代码

【讨论】：