input標籤 type值為file，可以呼叫系統預設的照相機、相簿、攝像機、錄音功能。先上程式碼：

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

<input type="file" accept="video/*" capture="camcorder">

<input type="file" accept="audio/*" capture="microphone">

accept表示開啟的系統檔案目錄

capture表示的是系統所捕獲的預設裝置，camera：照相機；camcorder：攝像機；microphone：錄音；

其中還有一個屬性multiple，支援多選，當支援多選時，multiple優先順序高於capture，所以只用寫成：<input type="file" accept="image/*"multiple>就可以，可以在手機上測試一下。那麼選中的圖片怎樣獲取並顯示呢？

html：（css）

<form id="form1" runat="server">
<input type='file' id="imgInp" />
<div>
<img id="blah" src="#" alt="顯示您上傳的商品圖片" />
</div>
</form>

js：

function readURL(input) {
   if (input.files && input.files[0]) {
       var reader = new FileReader();
       reader.onload = function (e) {
           $('#blah').attr('src', e.target.result);
       }
       reader.readAsDataURL(input.files[0]);
   }
}
$("#imgInp").change(function(){
   readURL(this);
});

樣式自己調整，這樣就能顯示剛拍下的照片或者從相簿中選中的圖片了。