調出相機功能手機網站

對於一個學校項目，我需要製作一個移動網站（不是原生應用程序），爲遊客提供導航。這是一個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

調出相機功能手機網站

回答

相關問題