1、html5提供了 navigatorgetUserMedia接口使用设备摄像头，chrome28上测试已经可用，手机端浏览器测试发现只有opera浏览器可用浏览器未完善之前可以使用PhoneGap完成，它提供了 接口，使用js可以方便调用；你js代码把文件以base64编码形式展示了出来，是为了让用户上传文件之前能够预览对吧文件的IO操作需要用后端来实现，如果你只是做web前端开发的话，就没有必要研究这个东西，如果你是后端开发者的话可以尝试一下，相关的资料；image = base64_decode str_replace#39dataimagejpegbase64，#39， #39#39，$data4 图片上传 在前端可以使用Ajax将上面获得的图片数据上传到后台脚本例如使用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网页背景图手动上传切换代码这样写1html5网页背景图手动上传切换代码需要在网页上点击鼠标右键查看网站源代码2找到css里面的背景图这一段代码，查看背景图路径，通过ftp或者服务器进行替换图片即可；1实现头部的方法代码2编写css样式的方法代码3html上传代码4js处理的方法代码5测试效果如下注意事项JavaScript是一种属于网络的脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能；你给的网页用的是 ltinput accept=quotimage*quot type=quotfilequot，在IOS端点击时会提示选择图片或相机，安卓端要看浏览器对这两个属性的优化，部分浏览器会直接跳转到资源管理器，优化做得好的可以直接提示选择相册或相机移动。

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不能直接调用摄像头，只能用ltinput type=quotfilequot 上传图片来间接调用摄像头；思路 1创建三个html标签，input用来上传图片，textarea用来显示base64代码，因为base64代码内容很多所以使用textarea标签，p标签用来显示图片2使用js调用html5的FileReaderreadAsDataURL的API，声明三个变量用于控制图片上传。

5、其中File对象可以是来自ltinput元素上选择文件后返回的FileList对象4readAsDataURL将读取出来的图像文件，直接显示在网页上，达到预览效果代码展示lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitle文件读取lt；拖拽的过程就不说了，这里主要说一下如何在前端获取到图片的相关信息html5里有一个fileReader的全局变量，用来读取本地文件，比如txt，img等，下面是一个简单的代码function checkFilefilesvar file = files0var；二 视频流 HTML5推出了The Media Capture API，可以实现对摄像头的访问，关于对音频等接口的使用也可以，具体参考w3c规范获取的视频流是通过video标签的我们可以看看蒋先生的示例代码，但是有不完善的地方，我也会加以。

6、参数说明 widthNumber 默认500 – 裁剪宽度 heightNumber 默认500 – 裁剪高度 ratioNumber 可选 – 裁剪的比例，当传入ratio时widthheight将无效 srcString 必传 – 需要裁剪的图片，可以；1实现头的方法代码2编写CSS样式的方法代码3html上传代码4JS处理方法代码5测试结果如下注意事项JavaScript是一种网络脚本语言，在web应用开发中得到了广泛的应用，它经常被用来为网页添加各种动态功能。