爲什麼HTML5中沒有<input type =「picture」>和/或<input type =「video」>？

我想這是一個問題，但我想聽聽其他人對此的看法。爲什麼HTML5中沒有<input type =「picture」>和/或<input type =「video」>？

世界上最簡單的用例是從我的手機訪問移動網站併發布一張我將拍攝的照片（甚至可以從我的相機膠捲中拿出一張）。現在我無法做到這一點。許多客戶會認爲這是一個「自然」的功能，很難告訴他們你根本無法做到這一點。您需要爲這樣一個簡單的任務構建一個應用程序，或者必須使用某種特殊的瀏覽器應用程序來竊取文件輸入以允許您選擇圖片，這顯然不是他們希望最終用戶必須做的事情。

輸入類型的視頻我想這將是一個有點困難，但不會傷害夢....

來源

2012-03-01 Ariel Scarpinelli

他們實際上正在研究這個問題：http://dev.opera.com/articles/view/getusermedia-access-camera-privacy-ui/ – 2012-03-01 12:44:52

同意laurens，目前的名稱是getusermedia，它被稱爲< html5設備> 你仍然可以用C++/Ajax或flash做到這一點，但是getUserMedia會成爲夢想成真。 – Tim 2012-03-01 13:22:33

getUserMedia似乎用於流式傳輸。我正在尋找一個簡單的「基於表單的」解決方案......只需提交一張圖片，提交您的姓名，地址和電子郵件......但同意這也是一個很棒的API，真的沒有更多的閃光！。 – 2012-03-01 16:05:16

<Input type="picture">或<input type="video">是不可能在HTML5。但是，您可以添加<input type="file">並使用JavaScript或HTML本身根據其擴展名進行驗證，如果出現任何問題，請參閱http://reference.sitepoint.com/html/input/type評論我。有<input type=image src=you.jpg>用於創建圖像提交按鈕

來源

2012-03-01 12:44:30 user1126245

把這樣一個標籤什麼都不做的好處是什麼？我基本上要求能夠通過移動電話的形式發佈圖片...不能製作自己的HTML語法 – 2012-03-01 16:04:02

根據此網頁：http://www.w3.org/2009/dap/該功能將通過JavaScript設備API（HTML媒體捕獲）提供。但沒有實際的實現尚未得到證實。

但我們有很多期待誰當它:)

來源

2012-03-01 13:00:33 Tokimon

http://www.w3.org/TR/2011/WD-html -media-capture-20110414 /實際上正是我想要的......奇怪爲什麼要花這麼長時間才能完成規範並實際在webkit上實現它！ – 2012-03-01 16:06:21

打我。這會很好。所有HTML 5需要的是更多的與移動設備的插入，是真正awsome，併成爲本機應用程序的一個嚴重的選擇:) – Tokimon 2012-03-06 13:55:11

你可以用HTML5和HTML4.01做到這一點。圖片使用<input type="file" accept="image/*"/>，視頻使用<input type="file" accept="video/*"/>。

據我所知，Internet Explorer和Safari甚至不會試圖基於此來進行限制，但無論如何你需要服務器端的MIME驗證。

來源

2013-01-26 00:08:40 MarkMYoung

你錯過了一點。這個想法是允許移動網站從用戶電話接收圖片和/或視頻;不關心限制類型，只需允許用戶上傳圖片，而無需爲其開發自定義應用程序。從iOS 6開始，Safari允許您使用相機膠捲的照片填充。我相信Android自從2.3 – 2013-01-26 14:04:52

上面的代碼在移動設備上工作。根據[這2013 O'Reilley書]（https://books.google.com.au/books?id=gswdarRZVUoC&pg=PA263&dq=%22file+upload+compatibility+table%22）支持''從iOS6和Android 2.2上的Safari開始 – 2016-11-10 14:26:43

爲什麼HTML5中沒有<input type =「picture」>和/或<input type =「video」>？

回答

相關問題