[FogBugz #315] sur Iphone la prise de photo directe ne marche pas .... #378

New Issue

fbenoist68 · 2023-07-04T07:25:05+02:00

fbenoist68 commented

2023-07-04 07:25:05 +02:00

Assigned To: Frederik Benoist
Project: Mobile Portal
Area: Divers
Category: Bogue
Priority: Ce serait bien !

Assigned To: Frederik Benoist Project: Mobile Portal Area: Divers Category: Bogue Priority: Ce serait bien !

fbenoist68 commented

2023-07-04 07:25:09 +02:00

Poster

Event ID: 2446
Date: 2016-10-29T03:04:34Z
Person: Frederik Benoist
Description: Modifié par Frederik Benoist

Event ID: 2446 Date: 2016-10-29T03:04:34Z Person: Frederik Benoist Description: Modifié par Frederik Benoist

fbenoist68 commented

2023-07-04 07:25:12 +02:00

Poster

Event ID: 1414
Date: 2014-07-09T15:00:18Z
Person: Frederik Benoist
Description: Modifié par Frederik Benoist

https://github.com/enyo/dropzone/issues/117

Event ID: 1414 Date: 2014-07-09T15:00:18Z Person: Frederik Benoist Description: Modifié par Frederik Benoist <p> https://github.com/enyo/dropzone/issues/117</p>

fbenoist68 commented

2023-07-04 07:25:14 +02:00

Poster

Event ID: 1413
Date: 2014-07-09T14:58:44Z
Person: Frederik Benoist
Description: Modifié par Frederik Benoist

I have set the maxFiles to 1 in order for iPhone to take photo in dropzone. However, that also limit me to take more photos. Is there a way to go around it?Thank you.

Event ID: 1413 Date: 2014-07-09T14:58:44Z Person: Frederik Benoist Description: Modifié par Frederik Benoist <p> <span style="color: rgb(73, 73, 73); font-family: arial; font-size: 14px; line-height: 20px">I have set the maxFiles to 1 in order for iPhone to take photo in dropzone. However, that also limit me to take more photos. Is there a way to go around it?Thank you.</span></p>

fbenoist68 commented

2023-07-04 07:25:19 +02:00

Poster

Event ID: 1412
Date: 2014-07-09T14:57:16Z
Person: Frederik Benoist
Description: Modifié par Frederik Benoist

<!DOCTYPE HTML>

<html>

<head>

<title>ColorThief Demo</title>

<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>

</div>

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>

Event ID: 1412 Date: 2014-07-09T14:57:16Z Person: Frederik Benoist Description: Modifié par Frederik Benoist <pre class="line-pre" style="font-family: Consolas, 'Liberation Mono', Courier, monospace; font-size: 13px; color: rgb(51, 51, 51); background-color: rgb(248, 248, 255); line-height: 20px"> </pre> <div class="line" id="file-gistfile1-html-LC1"> <span class="cp" style="color: rgb(153, 153, 153); font-weight: bold"><!DOCTYPE HTML></span></div> <div class="line" id="file-gistfile1-html-LC2"> <span class="nt" style="color: navy"><html></span></div> <div class="line" id="file-gistfile1-html-LC3"> <span class="nt" style="color: navy"><head></span></div> <div class="line" id="file-gistfile1-html-LC4"> <span class="nt" style="color: navy"><meta</span> <span class="na" style="color: teal">name=</span><span class="s" style="color: rgb(221, 17, 68)">"viewport"</span> <span class="na" style="color: teal">content=</span><span class="s" style="color: rgb(221, 17, 68)">"width=320; user-scalable=no"</span> <span class="nt" style="color: navy">/></span></div> <div class="line" id="file-gistfile1-html-LC5"> <span class="nt" style="color: navy"><meta</span> <span class="na" style="color: teal">http-equiv=</span><span class="s" style="color: rgb(221, 17, 68)">"Content-type"</span> <span class="na" style="color: teal">content=</span><span class="s" style="color: rgb(221, 17, 68)">"text/html; charset=utf-8"</span><span class="nt" style="color: navy">></span></div> <div class="line" id="file-gistfile1-html-LC6"> <span class="nt" style="color: navy"><title></span>ColorThief Demo<span class="nt" style="color: navy"></title></span></div> <div class="line" id="file-gistfile1-html-LC7">  </div> <div class="line" id="file-gistfile1-html-LC8"> <span class="nt" style="color: navy"><script </span><span class="na" style="color: teal">type=</span><span class="s" style="color: rgb(221, 17, 68)">"text/javascript"</span> <span class="na" style="color: teal">charset=</span><span class="s" style="color: rgb(221, 17, 68)">"utf-8"</span> <span class="na" style="color: teal">src=</span><span class="s" style="color: rgb(221, 17, 68)">"jquery-2.0.0.min.js"</span><span class="nt" style="color: navy">></script></span></div> <div class="line" id="file-gistfile1-html-LC9"> <span class="nt" style="color: navy"><script </span><span class="na" style="color: teal">type=</span><span class="s" style="color: rgb(221, 17, 68)">"text/javascript"</span> <span class="na" style="color: teal">charset=</span><span class="s" style="color: rgb(221, 17, 68)">"utf-8"</span> <span class="na" style="color: teal">src=</span><span class="s" style="color: rgb(221, 17, 68)">"quantize.js"</span><span class="nt" style="color: navy">></script></span></div> <div class="line" id="file-gistfile1-html-LC10"> <span class="nt" style="color: navy"><script </span><span class="na" style="color: teal">type=</span><span class="s" style="color: rgb(221, 17, 68)">"text/javascript"</span> <span class="na" style="color: teal">charset=</span><span class="s" style="color: rgb(221, 17, 68)">"utf-8"</span> <span class="na" style="color: teal">src=</span><span class="s" style="color: rgb(221, 17, 68)">"color-thief.js"</span><span class="nt" style="color: navy">></script></span></div> <div class="line" id="file-gistfile1-html-LC11">  </div> <div class="line" id="file-gistfile1-html-LC12"> <span class="nt" style="color: navy"><style></span></div> <div class="line" id="file-gistfile1-html-LC13"> <span class="nf" style="color: rgb(153, 0, 0); font-weight: bold">#yourimage</span> <span class="p">{</span></div> <div class="line" id="file-gistfile1-html-LC14"> <span class="k" style="font-weight: bold">width</span><span class="o" style="font-weight: bold">:</span><span class="m" style="color: rgb(0, 153, 153)">100%</span><span class="p">;</span></div> <div class="line" id="file-gistfile1-html-LC15"> <span class="p">}</span></div> <div class="line" id="file-gistfile1-html-LC16">  </div> <div class="line" id="file-gistfile1-html-LC17"> <span class="nf" style="color: rgb(153, 0, 0); font-weight: bold">#swatches</span> <span class="p">{</span></div> <div class="line" id="file-gistfile1-html-LC18"> <span class="k" style="font-weight: bold">width</span><span class="o" style="font-weight: bold">:</span> <span class="m" style="color: rgb(0, 153, 153)">100%</span><span class="p">;</span></div> <div class="line" id="file-gistfile1-html-LC19"> <span class="k" style="font-weight: bold">height</span><span class="o" style="font-weight: bold">:</span> <span class="m" style="color: rgb(0, 153, 153)">50px</span><span class="p">;</span></div> <div class="line" id="file-gistfile1-html-LC20"> <span class="p">}</span></div> <div class="line" id="file-gistfile1-html-LC21">  </div> <div class="line" id="file-gistfile1-html-LC22"> <span class="nc" style="color: rgb(68, 85, 136); font-weight: bold">.swatch</span> <span class="p">{</span></div> <div class="line" id="file-gistfile1-html-LC23"> <span class="k" style="font-weight: bold">width</span><span class="o" style="font-weight: bold">:</span><span class="m" style="color: rgb(0, 153, 153)">18%</span><span class="p">;</span></div> <div class="line" id="file-gistfile1-html-LC24"> <span class="k" style="font-weight: bold">height</span><span class="o" style="font-weight: bold">:</span> <span class="m" style="color: rgb(0, 153, 153)">50px</span><span class="p">;</span></div> <div class="line" id="file-gistfile1-html-LC25"> <span class="k" style="font-weight: bold">border-style</span><span class="o" style="font-weight: bold">:</span><span class="k" style="font-weight: bold">solid</span><span class="p">;</span></div> <div class="line" id="file-gistfile1-html-LC26"> <span class="k" style="font-weight: bold">border-width</span><span class="o" style="font-weight: bold">:</span><span class="k" style="font-weight: bold">thin</span><span class="p">;</span></div> <div class="line" id="file-gistfile1-html-LC27"> <span class="k" style="font-weight: bold">float</span><span class="o" style="font-weight: bold">:</span> <span class="k" style="font-weight: bold">left</span><span class="p">;</span></div> <div class="line" id="file-gistfile1-html-LC28"> <span class="k" style="font-weight: bold">margin-right</span><span class="o" style="font-weight: bold">:</span> <span class="m" style="color: rgb(0, 153, 153)">3px</span><span class="p">;</span></div> <div class="line" id="file-gistfile1-html-LC29"> <span class="p">}</span></div> <div class="line" id="file-gistfile1-html-LC30"> <span class="nt" style="color: navy"></style></span></div> <div class="line" id="file-gistfile1-html-LC31"> <span class="nt" style="color: navy"></head></span></div> <div class="line" id="file-gistfile1-html-LC32">  </div> <div class="line" id="file-gistfile1-html-LC33"> <span class="nt" style="color: navy"><body></span></div> <div class="line" id="file-gistfile1-html-LC34">  </div> <div class="line" id="file-gistfile1-html-LC35"> <span class="nt" style="color: navy"><input</span> <span class="na" style="color: teal">type=</span><span class="s" style="color: rgb(221, 17, 68)">"file"</span> <span class="na" style="color: teal">capture=</span><span class="s" style="color: rgb(221, 17, 68)">"camera"</span> <span class="na" style="color: teal">accept=</span><span class="s" style="color: rgb(221, 17, 68)">"image/*"</span> <span class="na" style="color: teal">id=</span><span class="s" style="color: rgb(221, 17, 68)">"takePictureField"</span><span class="nt" style="color: navy">></span></div> <div class="line" id="file-gistfile1-html-LC36">  </div> <div class="line" id="file-gistfile1-html-LC37"> <span class="nt" style="color: navy"><img</span> <span class="na" style="color: teal">id=</span><span class="s" style="color: rgb(221, 17, 68)">"yourimage"</span><span class="nt" style="color: navy">></span></div> <div class="line" id="file-gistfile1-html-LC38">  </div> <div class="line" id="file-gistfile1-html-LC39"> <span class="nt" style="color: navy"><div</span> <span class="na" style="color: teal">id=</span><span class="s" style="color: rgb(221, 17, 68)">"swatches"</span><span class="nt" style="color: navy">></span></div> <div class="line" id="file-gistfile1-html-LC40"> <span class="nt" style="color: navy"><div</span> <span class="na" style="color: teal">id=</span><span class="s" style="color: rgb(221, 17, 68)">"swatch0"</span> <span class="na" style="color: teal">class=</span><span class="s" style="color: rgb(221, 17, 68)">"swatch"</span><span class="nt" style="color: navy">></div></span></div> <div class="line" id="file-gistfile1-html-LC41"> <span class="nt" style="color: navy"><div</span> <span class="na" style="color: teal">id=</span><span class="s" style="color: rgb(221, 17, 68)">"swatch1"</span> <span class="na" style="color: teal">class=</span><span class="s" style="color: rgb(221, 17, 68)">"swatch"</span><span class="nt" style="color: navy">></div></span></div> <div class="line" id="file-gistfile1-html-LC42"> <span class="nt" style="color: navy"><div</span> <span class="na" style="color: teal">id=</span><span class="s" style="color: rgb(221, 17, 68)">"swatch2"</span> <span class="na" style="color: teal">class=</span><span class="s" style="color: rgb(221, 17, 68)">"swatch"</span><span class="nt" style="color: navy">></div></span></div> <div class="line" id="file-gistfile1-html-LC43"> <span class="nt" style="color: navy"><div</span> <span class="na" style="color: teal">id=</span><span class="s" style="color: rgb(221, 17, 68)">"swatch3"</span> <span class="na" style="color: teal">class=</span><span class="s" style="color: rgb(221, 17, 68)">"swatch"</span><span class="nt" style="color: navy">></div></span></div> <div class="line" id="file-gistfile1-html-LC44"> <span class="nt" style="color: navy"><div</span> <span class="na" style="color: teal">id=</span><span class="s" style="color: rgb(221, 17, 68)">"swatch4"</span> <span class="na" style="color: teal">class=</span><span class="s" style="color: rgb(221, 17, 68)">"swatch"</span><span class="nt" style="color: navy">></div></span></div> <div class="line" id="file-gistfile1-html-LC45"> <span class="nt" style="color: navy"></div></span></div> <div class="line" id="file-gistfile1-html-LC46">  </div> <div class="line" id="file-gistfile1-html-LC47"> <span class="nt" style="color: navy"><script></span></div> <div class="line" id="file-gistfile1-html-LC48"> <span class="kd" style="font-weight: bold">var</span> <span class="nx">desiredWidth</span><span class="p">;</span></div> <div class="line" id="file-gistfile1-html-LC49">  </div> <div class="line" id="file-gistfile1-html-LC50"> <span class="nx">$</span><span class="p">(</span><span class="nb" style="color: rgb(0, 134, 179)">document</span><span class="p">).</span><span class="nx">ready</span><span class="p">(</span><span class="kd" style="font-weight: bold">function</span><span class="p">()</span> <span class="p">{</span></div> <div class="line" id="file-gistfile1-html-LC51"> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1" style="color: rgb(221, 17, 68)">'onReady'</span><span class="p">);</span></div> <div class="line" id="file-gistfile1-html-LC52"> <span class="nx">$</span><span class="p">(</span><span class="s2" style="color: rgb(221, 17, 68)">"#takePictureField"</span><span class="p">).</span><span class="nx">on</span><span class="p">(</span><span class="s2" style="color: rgb(221, 17, 68)">"change"</span><span class="p">,</span><span class="nx">gotPic</span><span class="p">);</span></div> <div class="line" id="file-gistfile1-html-LC53"> <span class="nx">$</span><span class="p">(</span><span class="s2" style="color: rgb(221, 17, 68)">"#yourimage"</span><span class="p">).</span><span class="nx">load</span><span class="p">(</span><span class="nx">getSwatches</span><span class="p">);</span></div> <div class="line" id="file-gistfile1-html-LC54"> <span class="nx">desiredWidth</span> <span class="o" style="font-weight: bold">=</span> <span class="nb" style="color: rgb(0, 134, 179)">window</span><span class="p">.</span><span class="nx">innerWidth</span><span class="p">;</span></div> <div class="line" id="file-gistfile1-html-LC55">  </div> <div class="line" id="file-gistfile1-html-LC56"> <span class="k" style="font-weight: bold">if</span><span class="p">(</span><span class="o" style="font-weight: bold">!</span><span class="p">(</span><span class="s2" style="color: rgb(221, 17, 68)">"url"</span> <span class="k" style="font-weight: bold">in</span> <span class="nb" style="color: rgb(0, 134, 179)">window</span><span class="p">)</span> <span class="o" style="font-weight: bold">&&</span> <span class="p">(</span><span class="s2" style="color: rgb(221, 17, 68)">"webkitURL"</span> <span class="k" style="font-weight: bold">in</span> <span class="nb" style="color: rgb(0, 134, 179)">window</span><span class="p">))</span> <span class="p">{</span></div> <div class="line" id="file-gistfile1-html-LC57"> <span class="nb" style="color: rgb(0, 134, 179)">window</span><span class="p">.</span><span class="nx">URL</span> <span class="o" style="font-weight: bold">=</span> <span class="nb" style="color: rgb(0, 134, 179)">window</span><span class="p">.</span><span class="nx">webkitURL</span><span class="p">;</span></div> <div class="line" id="file-gistfile1-html-LC58"> <span class="p">}</span></div> <div class="line" id="file-gistfile1-html-LC59">  </div> <div class="line" id="file-gistfile1-html-LC60"> <span class="p">});</span></div> <div class="line" id="file-gistfile1-html-LC61">  </div> <div class="line" id="file-gistfile1-html-LC62"> <span class="kd" style="font-weight: bold">function</span> <span class="nx">getSwatches</span><span class="p">(){</span></div> <div class="line" id="file-gistfile1-html-LC63"> <span class="kd" style="font-weight: bold">var</span> <span class="nx">colorArr</span> <span class="o" style="font-weight: bold">=</span> <span class="nx">createPalette</span><span class="p">(</span><span class="nx">$</span><span class="p">(</span><span class="s2" style="color: rgb(221, 17, 68)">"#yourimage"</span><span class="p">),</span> <span class="mi" style="color: rgb(0, 153, 153)">5</span><span class="p">);</span></div> <div class="line" id="file-gistfile1-html-LC64"> <span class="k" style="font-weight: bold">for</span> <span class="p">(</span><span class="kd" style="font-weight: bold">var</span> <span class="nx">i</span> <span class="o" style="font-weight: bold">=</span> <span class="mi" style="color: rgb(0, 153, 153)">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o" style="font-weight: bold"><</span> <span class="nb" style="color: rgb(0, 134, 179)">Math</span><span class="p">.</span><span class="nx">min</span><span class="p">(</span><span class="mi" style="color: rgb(0, 153, 153)">5</span><span class="p">,</span> <span class="nx">colorArr</span><span class="p">.</span><span class="nx">length</span><span class="p">);</span> <span class="nx">i</span><span class="o" style="font-weight: bold">++</span><span class="p">)</span> <span class="p">{</span></div> <div class="line" id="file-gistfile1-html-LC65"> <span class="nx">$</span><span class="p">(</span><span class="s2" style="color: rgb(221, 17, 68)">"#swatch"</span><span class="o" style="font-weight: bold">+</span><span class="nx">i</span><span class="p">).</span><span class="nx">css</span><span class="p">(</span><span class="s2" style="color: rgb(221, 17, 68)">"background-color"</span><span class="p">,</span><span class="s2" style="color: rgb(221, 17, 68)">"rgb("</span><span class="o" style="font-weight: bold">+</span><span class="nx">colorArr</span><span class="p">[</span><span class="nx">i</span><span class="p">][</span><span class="mi" style="color: rgb(0, 153, 153)">0</span><span class="p">]</span><span class="o" style="font-weight: bold">+</span><span class="s2" style="color: rgb(221, 17, 68)">","</span><span class="o" style="font-weight: bold">+</span><span class="nx">colorArr</span><span class="p">[</span><span class="nx">i</span><span class="p">][</span><span class="mi" style="color: rgb(0, 153, 153)">1</span><span class="p">]</span><span class="o" style="font-weight: bold">+</span><span class="s2" style="color: rgb(221, 17, 68)">","</span><span class="o" style="font-weight: bold">+</span><span class="nx">colorArr</span><span class="p">[</span><span class="nx">i</span><span class="p">][</span><span class="mi" style="color: rgb(0, 153, 153)">2</span><span class="p">]</span><span class="o" style="font-weight: bold">+</span><span class="s2" style="color: rgb(221, 17, 68)">")"</span><span class="p">);</span></div> <div class="line" id="file-gistfile1-html-LC66"> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">$</span><span class="p">(</span><span class="s2" style="color: rgb(221, 17, 68)">"#swatch"</span><span class="o" style="font-weight: bold">+</span><span class="nx">i</span><span class="p">).</span><span class="nx">css</span><span class="p">(</span><span class="s2" style="color: rgb(221, 17, 68)">"background-color"</span><span class="p">));</span></div> <div class="line" id="file-gistfile1-html-LC67"> <span class="p">}</span></div> <div class="line" id="file-gistfile1-html-LC68"> <span class="p">}</span></div> <div class="line" id="file-gistfile1-html-LC69">  </div> <div class="line" id="file-gistfile1-html-LC70"> <span class="c1" style="color: rgb(153, 153, 136); font-style: italic">//Credit: https://www.youtube.com/watch?v=EPYnGFEcis4&feature=youtube_gdata_player</span></div> <div class="line" id="file-gistfile1-html-LC71"> <span class="kd" style="font-weight: bold">function</span> <span class="nx">gotPic</span><span class="p">(</span><span class="nx">event</span><span class="p">)</span> <span class="p">{</span></div> <div class="line" id="file-gistfile1-html-LC72"> <span class="k" style="font-weight: bold">if</span><span class="p">(</span><span class="nx">event</span><span class="p">.</span><span class="nx">target</span><span class="p">.</span><span class="nx">files</span><span class="p">.</span><span class="nx">length</span> <span class="o" style="font-weight: bold">==</span> <span class="mi" style="color: rgb(0, 153, 153)">1</span> <span class="o" style="font-weight: bold">&&</span></div> <div class="line" id="file-gistfile1-html-LC73"> <span class="nx">event</span><span class="p">.</span><span class="nx">target</span><span class="p">.</span><span class="nx">files</span><span class="p">[</span><span class="mi" style="color: rgb(0, 153, 153)">0</span><span class="p">].</span><span class="nx">type</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s2" style="color: rgb(221, 17, 68)">"image/"</span><span class="p">)</span> <span class="o" style="font-weight: bold">==</span> <span class="mi" style="color: rgb(0, 153, 153)">0</span><span class="p">)</span> <span class="p">{</span></div> <div class="line" id="file-gistfile1-html-LC74"> <span class="nx">$</span><span class="p">(</span><span class="s2" style="color: rgb(221, 17, 68)">"#yourimage"</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="s2" style="color: rgb(221, 17, 68)">"src"</span><span class="p">,</span><span class="nx">URL</span><span class="p">.</span><span class="nx">createObjectURL</span><span class="p">(</span><span class="nx">event</span><span class="p">.</span><span class="nx">target</span><span class="p">.</span><span class="nx">files</span><span class="p">[</span><span class="mi" style="color: rgb(0, 153, 153)">0</span><span class="p">]));</span></div> <div class="line" id="file-gistfile1-html-LC75"> <span class="p">}</span></div> <div class="line" id="file-gistfile1-html-LC76"> <span class="p">}</span></div> <div class="line" id="file-gistfile1-html-LC77">  </div> <div class="line" id="file-gistfile1-html-LC78">  </div> <div class="line" id="file-gistfile1-html-LC79">  </div> <div class="line" id="file-gistfile1-html-LC80"> <span class="nt" style="color: navy"></script></span></div> <div class="line" id="file-gistfile1-html-LC81"> <span class="nt" style="color: navy"></body></span></div> <div class="line" id="file-gistfile1-html-LC82">  </div> <div class="line" id="file-gistfile1-html-LC83"> <span class="nt" style="color: navy"></html></span></div>

fbenoist68 commented

2023-07-04 07:25:22 +02:00

Poster

Event ID: 1411
Date: 2014-07-09T14:56:14Z
Person: Frederik Benoist
Description: Modifié par Frederik Benoist

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

Event ID: 1411 Date: 2014-07-09T14:56:14Z Person: Frederik Benoist Description: Modifié par Frederik Benoist <p> http://www.raymondcamden.com/index.cfm/2013/5/20/Capturing-camerapicture-data-without-PhoneGap</p>

fbenoist68 commented

2023-07-04 07:25:24 +02:00

Poster

Event ID: 1410
Date: 2014-07-09T14:54:26Z
Person: Frederik Benoist
Description: Modifié par Frederik Benoist

In iPhone iOS6 and from Android ICS onwards, HTML5 has the following tag which allows you to take pictures from your device:

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

Capture can take values like camera, camcorder and audio.

I think this tag will definitely not work in iOS5, not sure about it.

Event ID: 1410 Date: 2014-07-09T14:54:26Z Person: Frederik Benoist Description: Modifié par Frederik Benoist <p style="margin-right: 0px; margin-bottom: 1em; margin-left: 0px; padding: 0px; border: 0px; font-size: 13.696000099182129px; vertical-align: baseline; clear: both; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; line-height: 18px"> In iPhone iOS6 and from Android ICS onwards, HTML5 has the following tag which allows you to take pictures from your device:</p> <pre class="default prettyprint prettyprinted" style="margin-top: 0px; margin-bottom: 10px; padding: 5px; border: 0px; font-size: 13.696000099182129px; vertical-align: baseline; background-color: rgb(238, 238, 238); font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; overflow: auto; line-height: 18px"> <code style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; white-space: inherit"><span class="pln" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent"> </span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent; color: rgb(128, 0, 0)"><input</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent"> </span><span class="atn" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent; color: rgb(255, 0, 0)">type</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent">=</span><span class="atv" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 255)">"file"</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent"> </span><span class="atn" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent; color: rgb(255, 0, 0)">accept</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent">=</span><span class="atv" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 255)">"image/*"</span><span class="pln" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent"> </span><span class="atn" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent; color: rgb(255, 0, 0)">capture</span><span class="pun" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent">=</span><span class="atv" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent; color: rgb(0, 0, 255)">"camera"</span><span class="tag" style="margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; background-color: transparent; color: rgb(128, 0, 0)">></span></code></pre> <p style="margin: 0px 0px 1em; padding: 0px; border: 0px; font-size: 13.696000099182129px; vertical-align: baseline; clear: both; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; line-height: 18px"> <code style="margin: 0px; padding: 1px 5px; border: 0px; vertical-align: baseline; background-color: rgb(238, 238, 238); font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; white-space: pre-wrap">Capture</code> can take values like camera, camcorder and audio.</p> <p style="margin: 0px 0px 1em; padding: 0px; border: 0px; font-size: 13.696000099182129px; vertical-align: baseline; clear: both; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; line-height: 18px"> I think this tag will definitely not work in iOS5, not sure about it.</p>

fbenoist68 commented

2023-07-04 07:25:27 +02:00

Poster

Event ID: 1409
Date: 2014-07-09T12:40:07Z
Person: Frederik Benoist
Description: Modifié par Frederik Benoist

Le plugin dropzone a deux modes de fonctionnement sur mobile.

Sur Android quand on clique dessus il ouvre d'abord une fenêtre pour demander si on veut prendre une photo ou uploader une photo de la galerie

sur iphone 4 (pas testé avec le 5) il ne propose que la galerie ce qui est vraiment dommage. On doit prendre les photos, puis aller dans mobile portal pour uploader les photos de la galerie.

Cela pourras être pénalisant dans le prochain process de prise de photos "en direct" pendant le parcourt merchandising du directeur régional.

Event ID: 1409 Date: 2014-07-09T12:40:07Z Person: Frederik Benoist Description: Modifié par Frederik Benoist <p> Le plugin dropzone a deux modes de fonctionnement sur mobile.<br /> <br /> Sur Android quand on clique dessus il ouvre d'abord une fenêtre pour demander si on veut prendre une photo ou uploader une photo de la galerie</p> <p> sur iphone 4 (pas testé avec le 5) il ne propose que la galerie ce qui est vraiment dommage. On doit prendre les photos, puis aller dans mobile portal pour uploader les photos de la galerie.</p> <p> Cela pourras être pénalisant dans le prochain process de prise de photos "en direct" pendant le parcourt merchandising du directeur régional.</p>

fbenoist68 commented

2023-07-04 07:25:29 +02:00

Poster

Event ID: 1388
Date: 2014-07-04T14:37:35Z
Person: Frederik Benoist
Description: Attribué à Frederik Benoist par Frederik Benoist

Event ID: 1388 Date: 2014-07-04T14:37:35Z Person: Frederik Benoist Description: Attribué à Frederik Benoist par Frederik Benoist

fbenoist68 commented

2023-07-04 07:25:33 +02:00

Poster

Event ID: 1387
Date: 2014-07-04T14:37:34Z
Person: Frederik Benoist
Description: Ouvert par Frederik Benoist

Event ID: 1387 Date: 2014-07-04T14:37:34Z Person: Frederik Benoist Description: Ouvert par Frederik Benoist

fbenoist68 referenced this issue

2023-07-04 07:46:07 +02:00