1、html5提供了 navigatorgetUserMedia接口使用設(shè)備攝像頭，chrome28上測試已經(jīng)可用，手機端瀏覽器測試發(fā)現(xiàn)只有opera瀏覽器可用瀏覽器未完善之前可以使用PhoneGap完成，它提供了 接口，使用js可以方便調(diào)用；你js代碼把文件以base64編碼形式展示了出來，是為了讓用戶上傳文件之前能夠預(yù)覽對吧文件的IO操作需要用后端來實現(xiàn)，如果你只是做web前端開發(fā)的話，就沒有必要研究這個東西，如果你是后端開發(fā)者的話可以嘗試一下，相關(guān)的資料；image = base64_decode str_replace#39dataimagejpegbase64，#39， #39#39，$data4 圖片上傳 在前端可以使用Ajax將上面獲得的圖片數(shù)據(jù)上傳到后臺腳本例如使用jQuery時html view plaincopy post#39uploadphp#39；var html = quotltliltimg src=\quotThemesImagesjiajpg\quot style=\quotheight 80px width 80px\quot ltinput type=\quotfile\quot id=\quotquot+FileId+quot\quot class=\quotinput\quot onchange=\quotImgUpload#39quot+FileId+quot#39，#39quot+hfId+quot#39。

2、html5網(wǎng)頁背景圖手動上傳切換代碼這樣寫1html5網(wǎng)頁背景圖手動上傳切換代碼需要在網(wǎng)頁上點擊鼠標右鍵查看網(wǎng)站源代碼2找到css里面的背景圖這一段代碼，查看背景圖路徑，通過ftp或者服務(wù)器進行替換圖片即可；1實現(xiàn)頭部的方法代碼2編寫css樣式的方法代碼3html上傳代碼4js處理的方法代碼5測試效果如下注意事項JavaScript是一種屬于網(wǎng)絡(luò)的腳本語言，已經(jīng)被廣泛用于Web應(yīng)用開發(fā)，常用來為網(wǎng)頁添加各式各樣的動態(tài)功能；你給的網(wǎng)頁用的是 ltinput accept=quotimage*quot type=quotfilequot，在IOS端點擊時會提示選擇圖片或相機，安卓端要看瀏覽器對這兩個屬性的優(yōu)化，部分瀏覽器會直接跳轉(zhuǎn)到資源管理器，優(yōu)化做得好的可以直接提示選擇相冊或相機移動。

3、這簡單，不用代碼了吧call savetofilemydata，pathresponsewrite quotltscriptalertquotquot上傳成功quotquotlocationhref=quotquotindexaspquotquotltscriptquotresponseendend if%ltform id=quotmyformquot method=quotpostquot enctype=quotmultipartform；好了，html代碼就寫完了，因為action=quotquot，表示點擊上傳按鈕時，將表單提交給自身，因此，我們還要添加接收表單的處理代碼代碼如下lt？php if isset$_FILES#39imgfile#39 is_uploaded_file$_FILES#39imgfile#39#39。

4、h5不能直接調(diào)用攝像頭，只能用ltinput type=quotfilequot 上傳圖片來間接調(diào)用攝像頭；思路 1創(chuàng)建三個html標簽，input用來上傳圖片，textarea用來顯示base64代碼，因為base64代碼內(nèi)容很多所以使用textarea標簽，p標簽用來顯示圖片2使用js調(diào)用html5的FileReaderreadAsDataURL的API，聲明三個變量用于控制圖片上傳。

5、其中File對象可以是來自ltinput元素上選擇文件后返回的FileList對象4readAsDataURL將讀取出來的圖像文件，直接顯示在網(wǎng)頁上，達到預(yù)覽效果代碼展示lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitle文件讀取lt；拖拽的過程就不說了，這里主要說一下如何在前端獲取到圖片的相關(guān)信息html5里有一個fileReader的全局變量，用來讀取本地文件，比如txt，img等，下面是一個簡單的代碼function checkFilefilesvar file = files0var；二 視頻流 HTML5推出了The Media Capture API，可以實現(xiàn)對攝像頭的訪問，關(guān)于對音頻等接口的使用也可以，具體參考w3c規(guī)范獲取的視頻流是通過video標簽的我們可以看看蔣先生的示例代碼，但是有不完善的地方，我也會加以。

6、參數(shù)說明 widthNumber 默認500 – 裁剪寬度 heightNumber 默認500 – 裁剪高度 ratioNumber 可選 – 裁剪的比例，當傳入ratio時widthheight將無效 srcString 必傳 – 需要裁剪的圖片，可以；1實現(xiàn)頭的方法代碼2編寫CSS樣式的方法代碼3html上傳代碼4JS處理方法代碼5測試結(jié)果如下注意事項JavaScript是一種網(wǎng)絡(luò)腳本語言，在web應(yīng)用開發(fā)中得到了廣泛的應(yīng)用，它經(jīng)常被用來為網(wǎng)頁添加各種動態(tài)功能。