为什么使用 Phonegap 上传视频时应用程序崩溃？答案

【问题标题】：Why does app crash when uploading video with Phonegap?为什么使用 Phonegap 上传视频时应用程序崩溃？
【发布时间】：2015-04-20 11:38:01
【问题描述】：

我正在使用此示例Upload Video Phonegap 将视频上传到服务器，该服务器是一个 php 脚本。我使用的正是这段代码：

<!DOCTYPE html>
<html>
<head>
<title>Capture Video</title>

<script type="text/javascript" charset="utf-8" src="cordova.js"> </script>
<script type="text/javascript" charset="utf-8" src="json2.js"></script>
<script type="text/javascript" charset="utf-8">

// Called when capture operation is finished
//
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 = 'An error occurred during capture: ' + error.code;
    navigator.notification.alert(msg, null, 'Uh oh!');
}

// A button will call this function
//
function captureVideo() {
    // Launch device video recording application,
    // allowing user to capture up to 2 video clips
    navigator.device.capture.captureVideo(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://my.domain.com/upload.php",
        function(result) {
            console.log('Upload success: ' + result.responseCode);
            console.log(result.bytesSent + ' bytes sent');
        },
        function(error) {
            console.log('Error uploading file ' + path + ': ' + error.code);
        },
        { fileName: name });
}

</script>
</head>
<body>
    <button onclick="captureVideo();">Capture Video</button> <br>
</body>
</html>

一旦我停止播放视频并单击“保存”，应用程序就会立即冻结并崩溃。有什么问题？我已经在几台设备上对其进行了测试，因为也许有些设备仍然不支持它。即使我在 1 秒后或 10 秒后停止视频，应用程序也会崩溃。奇怪的是，视频在应用崩溃后还在图库中。

PHP 脚本运行良好，因为我可以向它发送照片，而且运行良好，所以我认为问题不在于它。

有什么建议吗？

【问题讨论】：

在捕获媒体插件示例中，成功命令如下所示：'navigator.device.capture.captureVideo( CaptureCB captureSuccess, CaptureErrorCB captureError, [CaptureVideoOptions options] );'
问题是这段代码来自 API 文档，它必须工作......如果我没记错的话，{limit: 2} 是一个选项
这个例子有效还是我不能让它工作？
您安装了 GapDebug 吗？它应该为您提供有关崩溃的信息。 LogCat 输出还应该为您提供有关崩溃的信息。

标签： android cordova

【解决方案1】：

好的，我刚刚在这个答案中进行了更改：Phonegap video capture crashes 并且应用程序不再崩溃，我可以使用wireshark 看到即使视频没有得到很好的接收，也会向服务器发送一些东西，但这是另一个问题。

编辑：

最好使用这个功能：

function uploadFile(mediaFile) {
    var ft = new FileTransfer(),
        path = mediaFile.fullPath,
        name = mediaFile.name;
    var options = new FileUploadOptions();
    options.mimeType = "video/mpeg";
    options.fileName = name;
    options.chunkedMode = true;

    ft.upload(path,
        "http://192.154.23.51/upload.php",
        function(result) {
            console.log('Upload success: ' + result.responseCode);
            console.log(result.bytesSent + ' bytes sent');
        },
        function(error) {
            console.log('Error uploading file ' + path + ': ' + error.code);
        },
        options);
}

我现在可以成功接收视频了。

【讨论】：

ionic.bundle.js:25642 TypeError: Cannot read property 'capture' of undefined
我正在使用最新版本的文件传输和文件插件。上传工作正常，但随后应用程序意外崩溃。奇怪的是，以我的本地开发机器（本地 IIS）为目标时，一切正常，但是当我以远程服务器为目标时，它崩溃了。我的意思是，文件上传得很好，但是当我尝试离开或在屏幕上做某事时，应用程序会无声地崩溃而没有错误。项目代码很好，与我自己的代码无关。就像我说的那样，该应用程序在针对我的本地 IIS 时可以完美运行。有任何想法吗？这真是令人沮丧。