通过phonegap拍照，然后把相片上传到服务器上的某个文件夹上。

最新推荐文章于 2021-05-26 04:31:22 发布

编程小狂人

最新推荐文章于 2021-05-26 04:31:22 发布

阅读量690

点赞数

分类专栏： PhoneGap

PhoneGap 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
      "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Capture Photo</title>
    <script type="text/javascript" charset="utf-8" src="js/phonegap.js"></script>
    <script type="text/javascript" charset="utf-8">
    // Wait for PhoneGap to load
    //
    function onLoad() {
    document.addEventListener("deviceready", onDeviceReady,false);
    }
    // PhoneGap is ready
    //
    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 =newFileUploadOptions();
        options.fileKey="file";
        options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1);
        options.mimeType="image/jpeg";

        var params =newObject();
        params.value1 ="test";
        params.value2 ="param";

options.params = params;

        var ft =newFileTransfer();
        ft.upload(imageURI,"http://192.168.8.62/android/test/", 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);
    }
    </script>
</head>
<body οnlοad="onLoad()">
    <h1>Example</h1>
</body>
</html>