sebastianrothbucher/0 mobile image submit.md

## 0 mobile image submit.md

      
    Raw
  

              0 mobile image submit.md
            
          
    There was a talk at conc.at about mobile with nothing but the browser. I didn't make it to conc.at (shame!) but I do care about the topic. So: there is a way, just google for
<input type="file" capture="camera"

This is a small sample to get it going on CouchDB - really hacky.
Steps (at your own risk - make sure you know what's going on!):

get CouchDB
make it listen to all clients (not just localhost) or use an Apache Webserver in front of it
check out this gist
run install.sh from this gist
point your browser to http://server:port/couchfoto/_design/fkt/_show/foto/fotos
Capture sth (on Desktop, it's just upload)
Click the 'upload' button
Go back and refresh (as said: still hacky)

Combine with appcache manifest, pouchdb / index storage, etc.

  
## design_fkt.json
{"_id":"_design/fkt","shows":{"foto":"function(doc, req){\n    /* very old-school but quick */\n    var out=\"\";\n    out+=\"<html>\";\n    /* upload new foto */\n    out+=\"<form method=\\\"post\\\" action=\\\"/couchfoto/fotos\\\" enctype=\\\"multipart/form-data\\\">\";\n    out+=\"<input type=\\\"hidden\\\" name=\\\"_rev\\\" value=\\\"\"+doc._rev+\"\\\" />\";\n    out+=\"<input type=\\\"file\\\" name=\\\"_attachments\\\" capture=\\\"camera\\\" accept=\\\"image/*\\\" />\";\n    out+=\"<button type=\\\"submit\\\">Upload</button>\";\n    out+=\"</form>\";\n    /* list fotos */\n    if(doc._attachments){\n        for(var att in doc._attachments){\n            out+=\"<p><img src=\\\"/couchfoto/fotos/\"+att+\"\\\" /></p>\";\n        }\n    }\n    out+=\"</html>\";\n    return out;\n}"}}

## install.sh
#!/bin/bash
curl -X PUT 'http://localhost:5984/couchfoto'
curl -X PUT 'http://localhost:5984/couchfoto/fotos' -d '{}'
curl -X PUT 'http://localhost:5984/couchfoto/_design/fkt' -d @design_fkt.json
# that's it
	#!/bin/bash
	curl -X PUT 'http://localhost:5984/couchfoto'
	curl -X PUT 'http://localhost:5984/couchfoto/fotos' -d '{}'
	curl -X PUT 'http://localhost:5984/couchfoto/_design/fkt' -d @design_fkt.json
	# that's it