Tizen Developers

Hello,

you can use this code to open Gallery app and pick image from there to your application and display it. 

document.getElementById('button').addEventListener("click", function() {
	try {
		var appControl = new tizen.ApplicationControl(
			"http://tizen.org/appcontrol/operation/pick",
			null,
			"image/*",
			null,
			[new tizen.ApplicationControlData("http://tizen.org/appcontrol/data/selection_mode", ["single"])]);

		var appControlReplyCallback = {
			onsuccess: function(reply) {
				var path = reply[1].value[0];
				path = "file://" + path;	
			        document.getElementById('img').setAttribute("src", path);
			},
			onfailure: function() {
				console.log("The launch application control failed");
			}
		};

		tizen.application.launchAppControl(
			appControl,
			null,
			function() {console.log("launch application control succeed"); },
			function(e) {console.log("launch application control failed. reason: " + e.message); },
			appControlReplyCallback 
		);
    } catch (e) {
        alert("Error " + e.name + " : " + e.message);
    }
});

Hello,

this code works as described below:
when you press button, the gallery application is launched. As soon as you choose one image, you will return to your app and the path of this image will be returned to appControlReplyCallback. And then you set this path as your image "src" attribute, so the image will be displayed in your application.

You need to add http://tizen.org/privilege/application.launch privilege to your config.xml file.

Here you can reed more about Application Control:

Guide: https://developer.tizen.org/development/guides/web-application/tizen-features/application/application-0

API Reference: https://developer.tizen.org/development/api-references/web-application?langswitch=en

Tutorial: https://developer.tizen.org/development/tutorials/web-application/tizen-features/application/application-0