CINXE.COM
Multiple Photo Upload - Calflora
<!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=0"/> <meta charset="utf-8"/> <title>Multiple Photo Upload - Calflora</title> <link rel="stylesheet" type="text/css" href="../aheader.css"/> <link rel="stylesheet" type="text/css" href="../atext.css"/> <link rel="stylesheet" type="text/css" href="../abox.css"/> <link rel="stylesheet" type="text/css" href="../entry.css"/> <link rel="stylesheet" type="text/css" href="css/ipack.css"/> <script src="../com.gmap3.MPhotoUploadA/com.gmap3.MPhotoUploadA.nocache.js"></script> </head> <body> <div style="height: 42px;"></div> <div id="fixedHeadDiv" style="overflow: hidden; position: fixed;top: 0; left: 0; width: 100%; height: 46px; z-index: 2;padding-right: 1em" > <table id="fixedHead" class=" headDarkGreenBox" width="100%" height="46" cellspacing="0" cellpadding="0"> <tr> <td width="40%" valign="middle" id="calfloraContainer"> <table width="100%"> <tr> <td width="38" align="center" valign="middle" class="headLogoDarkBG" id="logoSlot"> <a href="/" title="Calflora Home"> <img alt="Calflora Home" src="../imgx/newsun100dk.gif" width="34" border="0" /></a> </td> <td id="titleSlot" class="A12"> <span class="headLogoDarkBG"> <a href="/" class="whiteLink" id="mainLink" title="Calflora Home">Calflora</a> <span class="yellowHead A11">Multiple Photo Upload</span> </span> </td> </tr> </table> </td> <td align="center"><a class="graye0Link" href="/entry/help/mup-help.html">HELP</a></td> <td align="right" width="40%" id="loginContainer"> <table> <tr> <td align="right" id="userSlot" class="whiteHead A10"></td> <td width="1"></td> <td align="center" id="loginSlot"></td> </tr> </table> </td> <td width="1"></td> </tr> </table> </div> <div id="msgDisplay"></div> <div id="content" style="margin-left:10px"> <h2>Turn Photos into Observations</h2> <div style="max-width:800px"> Use your photographs to create new observation records for plant species. Click “Add Photo(s)” or drag images from your computer over the gray box to begin to create observation records locally. </div> <br/> <div id="app"></div> <hr/> <b>Multiple Photos to One Observation</b> <div class=frontPad20> One observation record can have many photos attached to it. If you have several photos of the same plant at the same location, and you want them all to be part of the same observation record, choose <ul class=A12> Add as Single </ul> Then, either drag multiple photos into the gray box, or press <button>Add Photo(s)</button> and select multiple photos from your computer. One observation record will be created with all of the photos attached to it. </div> <br> <b>Multiple Photos to Multiple Observations</b> <div class=frontPad20> On the other hand, if you have several photos, and each photo is of a different plant and/or at a different location, choose <ul class=A12> Add as Multiple </ul> Then, either drag multiple photos into the gray box, or press <button>Add Photo(s)</button> and select multiple photos from your computer. A new observation record will be created for each photo. </div> <br> <b>Video Demonstration</b> <div class="frontPad20" style="margin-bottom: 1em;"> The video below gives a demonstration of the features of the tool. </div> <iframe src="https://www.youtube.com/embed/NtNnl-8Vx3A" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" style="margin-left: 20px;" width="640" height="404" frameborder="0"></iframe> </div> <script> window.onload = function () { window.getSS = function () { return new com.gmap3.client.mphotoupload.SpeciesSearch(); }; window.getOU = function () { return new com.gmap3.client.mphotoupload.ObservationUpload(); }; window.getLoc = function () { return window.userLoc || { lat: 37.55084, lng: -120.04274, zoom: 9 }; }; let tag = document.createElement("script"); tag.src = "js/ipack.js?version=Q" + Math.random() .toString(16) .slice(3); document.getElementsByTagName("head")[0].appendChild(tag); }; </script> <script src="js/ipack.dll.js"></script> </body> </html>