Использование плагина камеры Phonegap/Cordova Выбор фотографии с камеры ИЛИ галерея

Я использую плагин камеры Phonegap 3.0.0 (https://build.phonegap.com/plugins/242). Я хочу, чтобы пользователь загрузил фотографию. Существующие варианты SourceType являются:Использование плагина камеры Phonegap/Cordova Выбор фотографии с камеры ИЛИ галерея

Camera.PictureSourceType.CAMERA

Camera.PictureSourceType.SAVEDPHOTOALBUM

Camera.PictureSourceType.PHOTOLIBRARY

Есть ли SourceType, который отображает все три из этих опций для пользователя, в то же время? Я хочу, чтобы пользователь мог выбрать галерею или камеру. Я думаю, что это типичное поведение в мобильных браузерах, когда вы нажимаете на < input type="file"/>.

источник

2013-11-11 Francis Snipe

Попробуйте это:

Хитрость:

<input type="file" capture="camera" accept="image/*" id="takePictureField">

http://www.raymondcamden.com/2013/5/20/Capturing-camerapicture-data-without-PhoneGap

Полный пример сайта:

<!DOCTYPE HTML> 
<html> 
    <head> 
    <meta name="viewport" content="width=320; user-scalable=no" /> 
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
    <title>ColorThief Demo</title> 

    <script type="text/javascript" charset="utf-8" src="jquery-2.0.0.min.js"></script> 
    <script type="text/javascript" charset="utf-8" src="quantize.js"></script> 
    <script type="text/javascript" charset="utf-8" src="color-thief.js"></script> 

    <style> 
    #yourimage { 
     width:100%; 
    } 

    #swatches { 
     width: 100%; 
     height: 50px; 
    } 

    .swatch { 
     width:18%; 
     height: 50px; 
     border-style:solid; 
     border-width:thin; 
     float: left; 
     margin-right: 3px; 
    } 
    </style> 
    </head> 

    <body> 

     <input type="file" capture="camera" accept="image/*" id="takePictureField"> 

     <img id="yourimage"> 

     <div id="swatches"> 
      <div id="swatch0" class="swatch"></div> 
      <div id="swatch1" class="swatch"></div> 
      <div id="swatch2" class="swatch"></div> 
      <div id="swatch3" class="swatch"></div> 
      <div id="swatch4" class="swatch"></div> 
     </div> 

    <script> 
    var desiredWidth; 

    $(document).ready(function() { 
     console.log('onReady'); 
     $("#takePictureField").on("change",gotPic); 
     $("#yourimage").load(getSwatches); 
     desiredWidth = window.innerWidth; 

     if(!("url" in window) && ("webkitURL" in window)) { 
      window.URL = window.webkitURL; 
     } 

    }); 

    function getSwatches(){ 
     var colorArr = createPalette($("#yourimage"), 5); 
     for (var i = 0; i < Math.min(5, colorArr.length); i++) { 
      $("#swatch"+i).css("background-color","rgb("+colorArr[i][0]+","+colorArr[i][1]+","+colorArr[i][2]+")"); 
      console.log($("#swatch"+i).css("background-color")); 
     } 
    } 

    //Credit: https://www.youtube.com/watch?v=EPYnGFEcis4&feature=youtube_gdata_player 
    function gotPic(event) { 
     if(event.target.files.length == 1 && 
      event.target.files[0].type.indexOf("image/") == 0) { 
      $("#yourimage").attr("src",URL.createObjectURL(event.target.files[0])); 
     } 
    } 



    </script>  
    </body> 

</html>

источник

2014-12-10 16:33:09

Это работает только для браузера. не для Кордовы. – Morio

Использование плагина камеры Phonegap/Cordova Выбор фотографии с камеры ИЛИ галерея

ответ

Смежные вопросы