ios - Social Share Cordova Plugin -
i working social share plugin (https://github.com/bfcam/phonegap-ios-social-plugin) , imagefilter plugin (https://github.com/drewdahlman/imagefilter). have both set , functioning. wanting have picture select photo library or take camera 1 shared instead of predefined image.
<!doctype html> <html> <head> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> <meta charset="utf-8"> <link rel="stylesheet" href="css/style.css"> <!-- core --> <script src='js/core/cordova-1.6.0.js'></script> <script src='js/core/jquery.js'></script> <!-- plugins --> <script src='js/plugins/imagefilter.js'></script> <script src='js/core/social.js'></script> <!-- our scripts --> <script src='js/init.js'></script> <script> window.plugins.social.available(function(avail) { if (avail) { // show social widgets } else { // social not supported } }); </script> </head> <body onload="app.bodyload()"> <div id="header"><img src="images/header.png" width="100%"></div> <div id="wrapper"> <div id="content"> <!-- buttons --> <div id="buttons"> <div class="btn" id="camera" onclick="app.usecamera();">use camera</div> <div class="btn" id="roll" onclick="app.useroll();">use library</div> <div class="btn" id="share" onclick="window.plugins.social.share('', '', 'www/images/filters/stark.png');">share</div> </div> <!-- end buttons --> <!-- image area --> <div id="imagearea"> <!-- our image --> <div class="photo"></div> <!-- filters --> <div id="filters"> <div class="filter" id="none" onclick="filters.none(largeimage);"> <div class="filtericon"><img src="images/filters/none.png" height="100%"></div> <div class="filtertitle">none</div> </div> <div class="filter" id="sunnyside" onclick="filters.sunnyside(largeimage);"> <div class="filtericon"><img src="images/filters/sunnyside.png" height="100%"></div> <div class="filtertitle">sunnyside</div> </div> <div class="filter" id="worn" onclick="filters.worn(largeimage);"> <div class="filtericon"><img src="images/filters/worn.png" height="100%"></div> <div class="filtertitle">worn</div> </div> <div class="filter" id="vintage" onclick="filters.vintage(largeimage);"> <div class="filtericon"><img src="images/filters/vintage.png" height="100%"></div> <div class="filtertitle">vintage</div> </div> <div class="filter" id="stark" onclick="filters.stark(largeimage);"> <div class="filtericon"><img src="images/filters/stark.png" height="100%"></div> <div class="filtertitle">stark</div> </div> </div> </div> <!-- end image area --> </div> </div> </body> </html> here js file.
var largeimage; var app = { bodyload: function () { document.addeventlistener("deviceready", app.deviceready, false); }, deviceready: function () { app.init(); }, init: function () { }, usecamera: function () { navigator.camera.getpicture(app.oncamerasuccess, app.oncamerafail, { quality: 100, destinationtype: camera.destinationtype.file_uri, sourcetype: camera.picturesourcetype.camera, //allowedit : true, encodingtype: camera.encodingtype.jpeg, targetwidth: 910, targetheight: 910, savetophotoalbum: false }); }, useroll: function () { navigator.camera.getpicture(app.oncamerasuccess, app.oncamerafail, { quality: 100, destinationtype: camera.destinationtype.file_uri, sourcetype: camera.picturesourcetype.photolibrary, encodingtype: camera.encodingtype.jpeg, targetwidth: 910, targetheight: 910, savetophotoalbum: false }); }, oncamerasuccess: function (imageuri) { largeimage = imageuri; $(".photo").html("<img src='" + imageuri + "'>"); $(".photo").show(); }, oncamerafail: function (msg) { console.log("error! -" + msg); } }; var filters = { none: function (imageuri) { plugins.imagefilter.none(filters.rendered, { image: imageuri, save: 'false', }); }, sunnyside: function (imageuri) { plugins.imagefilter.sunnyside(filters.rendered, { image: imageuri, save: 'false' }); }, worn: function (imageuri) { plugins.imagefilter.worn(filters.rendered, { image: imageuri, save: 'false' }); }, vintage: function (imageuri) { plugins.imagefilter.vintage(filters.rendered, { image: imageuri, save: 'false' }); }, stark: function (imageuri) { plugins.imagefilter.stark(filters.rendered, { image: imageuri, save: 'false' }); }, rendered: function (msg) { $(".photo").html("<img src='" + msg + "'>"); } } i struggling parameter need use replace 'www/images/filters/stark.png' image loaded in (div class="photo") image shared. appreciated. thanks.
old issue, know, figured out problem is. it's bug (or not implemented feature) of social sharing pluging. whilst can share files path this: /users/blabla/../pic.jpg, can't share pics file protocol: file:///users/blabla/../pic.jpg.
the camera function of phonegap uses file protocol, hence failure.
now news: use plugin, it's extended version of 1 using: https://github.com/eddyverbruggen/socialsharing-phonegap-plugin (phonegap build compatible).
Comments
Post a Comment