PhoneGap 相机/照片到服务器上传，失败，出现随机对话框

Posted 2023-03-15

【中文标题】PhoneGap 相机/照片到服务器上传，失败，出现随机对话框

【英文标题】：PhoneGap camera / photo to server upload, failing, with random dialog appearing

【发布时间】：2013-08-28 04:39:09

【问题描述】：

我正在使用 phonegap 3.0.0

在尝试将文件上传到服务器的过程中，我遇到了一些意想不到的事情。首先，脚本错误：

错误：SyntaxError: Unexpected token ':' line 624 of phonegap.js

（我认为这是一个很旧的 js 版本，因为我只能在 github 上找到一个）

接下来我得到的东西是一个小警告对话框：

当我在对话框上单击“确定”时，它会尝试执行脚本的其余部分，并给出上述错误。

而我用来上传的脚本几乎与 phonegap 网站上的相同。http://docs.phonegap.com/en/3.0.0/cordova_file_file.md.html#File

$('#select_photo').on('click', function()

    $('#choice_of_file').click();
);
$('#upload_photo').on('click', function()

    if(fmr.nullCheck($('#choice_of_file').val()) == true)
    
        alert('Please Choose a Photo');
    
    else
    
        uploadPhoto($('#choice_of_file').val());
    
);

// Wait for device API libraries to load
//
(function()document.addEventListener("deviceready", onDeviceReady, false);)();

// device APIs are available
//
function onDeviceReady() 
    // Retrieve image file location from specified source
    navigator.camera.getPicture(
        uploadPhoto,
        function(message)  alert('get picture failed'); ,
        
            quality         : 50,
            destinationType : navigator.camera.DestinationType.FILE_URI,
            sourceType      : navigator.camera.PictureSourceType.PHOTOLIBRARY
        
    );


function uploadPhoto(imageURI) 
    var options = new FileUploadOptions();
    options.fileKey="file";
    options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1);
    options.mimeType="image/jpeg";

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

    options.params = params;

    var ft = new FileTransfer();
    ft.upload(imageURI, encodeURI(domainURL+'upload/wizard/'+MembId), win, fail, options);


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


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

用于读取表单的 HTML..

<div style="position:absolute;top:-2000px;left:-2000px;background-color:#FFF;z-index:0" id="hide_file_input">
    <form enctype="multipart/form-data" id="upload_profile_image" action="#none" method="post">
        <input type="file" id="choice_of_file" name="choice_of_file">
    </form>
</div>

【参考方案1】：

filekey应该是文件字段的name属性

options.fileKey="choice_of_file";

另外最好能在所有函数执行前调用deviceready，将navigator.camera.getPicture放在文件字段的onclick事件中

【讨论】：

总的来说，我曾经/正在尝试效仿这个例子。那是他们在文档中提供的脚本，但几乎没有上下文。目的是在推出和定制之前先看看它是如何工作的，但这并不是说我也不会给这个机会;-)

不幸地认为..这对我没有任何影响。同样的错误和对话框提示。单击我的上传按钮时。我可以选择图像或拍摄一张.. 但之后.. 通过应用程序提交表单时，错误和对话框然后失败..