调出相机功能手机网站

对于一个学校项目，我需要制作一个移动网站（不是原生应用程序），为游客提供导航。这是一个iphone 5s（safari）调出相机功能手机网站

我现在唯一的问题是，我想在此建立一个相机功能和画廊功能。

我读过一些关于phonegap的东西，但是这只是本地应用程序？

是否有可能在HTML中制作这个按钮时激活相机功能？当照片制作完成后，需要将其保存到相同网站环境的图库中。所以，当按下图库按钮时，您会看到您在巡回演出中制作的所有照片。

如果至少我能得到相机功能工作，我很高兴..

谢谢！

来源

2014-10-03 Pablo

轻松修复您在丑陋选择文件上的问题。只要改变IMG SRC = “URL” 你的形象的相机，我主持这里的测试版本 - CLICK HERE FOR TEST VERSION

HTML

<label class="filebutton"> <img src="camera-icon.png" /> <span><input type="file" id="myfile" accept="image/*;capture=camera"></span> </label>

CSS

`<style> 
label.filebutton { 
width:100px; 
height:100px; 
overflow:hidden; 
position:relative; 
background-color:#ccc; 
} 

label span input { 
z-index: 999; 
line-height: 0; 
font-size: 50px; 
position: absolute; 
top: -2px; 
left: -700px; 
opacity: 0; 
filter: alpha(opacity = 0); 
-ms-filter: "alpha(opacity=0)"; 
cursor: pointer; 
_cursor: hand; 
margin: 0; 
padding:0; 
} 
</style>`

来源

2014-10-07 08:42:10 ashjones86

THX很多人！它的工作:)只有我已经改变的是接受=“图像/ *;捕获=相机接受=”图像/ *捕获=“相机”所以它不会弹出一个屏幕，我可以选择相机/画廊/等。：D – Pablo 2014-10-07 17:11:09

很高兴听到它适合你的队友，随时给予一个upvote;）快乐编码队友:) – ashjones86 2014-10-08 12:29:09

我只能给你机器人作为exmaple。

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

这给出了一个选项，浏览图片和访问照相机。

希望它有帮助。

来源

2014-10-03 09:03:18 ashjones86

谢谢你。现在唯一的问题是，我得到一个沉闷的按钮，说“选择文件”。我想按下一个可以立即启动相机的图标。我试图解决这个问题，但5个小时后，我放弃了。

来源

2014-10-07 08:14:24 Pablo

调出相机功能手机网站

回答

相关问题