Question

对于学校项目，我需要制作一个移动网站（不是本地应用程序），并为游客提供导航。它将用于iPhone 5s（野生动物园）

我现在唯一的问题是我想在这里建立一个相机功能和图库功能。

我已经阅读了一些关于phonegap的内容，但这只是本机应用程序？

是否可以在HTML中进行此操作，在按下按钮时激活相机功能？制作照片时，需要将其保存到同一网站环境中的图库中。因此，当按下画廊按钮时，您可以看到您在旅行中制作的所有照片。

如果至少我可以让相机功能正常工作，我很高兴..

谢谢！

Answer 1

我只能以android为例。

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

这提供了浏览图像和访问摄像头的选项。

希望它有所帮助。

Answer 2

谢谢你。现在唯一的问题是我得到一个沉默的按钮，上面写着“选择文件”。我想按下一个立即调出相机的图标。我试图解决这个问题，但是5个小时后我放弃了..

Answer 3

在丑陋的选择文件上轻松解决您的问题。只需更改img src =＆＃34; url＆＃34;对于相机的图像，我在这里托管了一个测试版本 - 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>`

打造相机功能移动网站

3 个答案: