一、 在一個客戶的webapp項目中需要用到 html5調用手機攝像頭，找了很多資料，大都是 js調用api 然后怎樣怎樣，做了幾個demo測試發現根本不行， 后來恍然大悟，用html5自帶的 input file="" ，純html5，並且不涉及到js ，就可以實現。代碼 ...

想要用h5在移動端實現圖片上傳&預覽效果，首先要了解html5的文件api相關知識（所有api只列舉本功能所需）: 1.Blob對象 Blob表示原始二進制數據,Html5的file對象就繼承於它，它提供以下屬性： type：mime類型,如果是未知類型則返回一個空字符 ...

上傳圖片的功能是極為常用的，之前做過一個移動端上傳文件的功能（基於jquery的），總結梳理一下。 html js 效果： 點擊“+”后會拉起選圖片控件，選擇之后會顯示loading狀態，上傳成功之后，獲取到圖片地址之后，框內會顯示上傳的圖片。 主要 ...

上傳我們一般都是用“input[type=file]”控件。當你用此控件時，你就授權了網頁和服務器訪問對應的文件，就可以得到File對象。 友情提示在，在Android手機webview中，是不支持上傳文件的，網上說是修改Android端的代碼，但我沒試過，我們這邊是使用客戶端提供的接口來實現 ...

...

1. 添加meta標簽：viewport <meta name="viewport" content="width=device-width,initial-scale=1.0, minimu ...

剛從南方回來就分了一個刮刮卡效果的頁面，特么的我在煩惱怎么用H5去實現這個效果呢，好不容易寫出來了，產品居然說：“既然你可以寫出來這個效果那當然好了，開始我只是打算讓你實現點擊就出現呢！”… … 尼瑪干嘛不早說呢？？？？？真是自找麻煩。既然寫了就分享給大家吧，這個效果其實很早就有了，只是我們不常用 ...

　　　利用HTML5的新特點做文件異步上傳非常簡單方便，本文主要展示JS部分，html結構。下面的代碼並未使用第三發庫，如果有參照，請注意一些未展現出來的代碼片段。我這邊的效果預覽： 1.文件未選擇 2.文件已選擇 HTML代碼部分： 　　思路：下面代碼中我利用css的z-index屬性 ...