html5如何访问本地的照片，html怎么访问

html5+如何拿到本地的图片对象发送到后台

引用manifest的html必须与manifest文件同源，在同一个域下 浏览器会自动缓存引用manifest文件的HTML文件，这就导致如果改了HTML内容，也需要更新版本才能做到更新。

在前端可以使用Ajax将上面获得的图片数据上传到后台脚本。例如使用jQuery时可以用：.post(‘upload.php’，{‘data’：data})；在后台我们用PHP脚本接收数据并存储为图片。

html5里有一个fileReader的全局变量，用来读取本地文件，比如txt，img等，下面是一个简单的代码。

注意：IE9localStorage不支持本地文件。你需要把项目发送到服务器才能支持！ 常用的API： GetItem//获取记录 SetIten//创纪录 RemoveItem//删除记录 Key//取Key对应的值 清除//清除记录 存储的内容： 数组，图片，json，样式，脚本。。

相关问答

Q1: 新手求教,为什么html5载入不了本地图片

由于安全机制，IE7+和火狐等浏览器不支持显示本地图片，你用IE6或者是360浏览器，或者遨游等有些浏览器或许可以显示串本地图片。

必须等到图片完全加载后才能对其进行操作， 浏览器通常会在页面脚本执行的同时异步加载图片。

html5本身不可以，需要在服务器上转换为图片，然后类似图片轮播的技术。就实现需求了。

可能是因为图片的路径设置错误，请检查图片在本地和服务器上的相对/绝对路径是否一致。另外，也有可能是因为服务器权限问题导致的，请检查服务器上的图片文件是否具有读取权限。

图片用的可能是绝对路径，这样上传到服务器后，绝对路径就找不到图片了，查看网页源代码，看图片路径，改成用一个点即当前目录或者两个点即父目录表示。编辑网页时，图片最好放到与网页相同的文件夹，或者在其子文件夹中。

先来了解一下HTML5应用程序缓存和浏览器缓存的区别。（有些）浏览器会主动保存自己的缓存文件以加快网站加载速度。但是要实现浏览器缓存必须要满足一个前提，那就是网络必须要保持连接。

Q2: 如何用html5实现在网页上显示本地摄像头

只需要在Html5代码中加入下列代码就可以调用手机摄像头或者相册。

你给的网页用的是 input accept=image/* type=file，在IOS端点击时会提示选择图片或相机，安卓端要看浏览器对这两个属性的优化，部分浏览器会直接跳转到资源管理器，优化做得好的可以直接提示选择相册或相机。

image/*；capture=camera直接调用相机 input type=file accept=image/* /调用相机 图片或者相册 还是要根据手机的类型来说，有些手机只能调相机，有些手机只能调相册，或者两者都行。以上，希望能帮助到你。

实现头的方法代码。编写CSS样式的方法代码。html上传代码。JS处理方法代码。测试结果如下。

html5提供了 navigator.getUserMedia接口使用设备摄像头，chrome28上测试已经可用，手机端浏览器测试发现只有opera浏览器可用。

Q3: 网页访问本地图片的路径怎么写

1、hbuilder图片路径写法教程与HTML文件在同一目录下，只需要指定图片文件的名称即可。位于当前HTML文件的子目录中，可以使用相对路径指定子目录的名称和图片文件的名称。

2、相对路径 ./表示方法，表示当前所在路径。例如，下面代码表示图片jpg位于当前index.html网页所在目录images下。相对路径 xxx/表示方法，表示当前目录某个目录下。例如 ，下面代码表示jpg位于当前目录images目录下。

3、物理路径：假如你的图片在D盘的images文件下，文件名称为 tupian.jpeg的话用下面的格式。

4、其中标签代表链接，标签放在里面表示图片链接，img的属性src=/image/aaa.jpg表示了图片的路径，/image/aaa.jpg是本地电脑的图片地址。

Q4: 手机端其中一个模块使用html5来开发,如何实现用HTML5调用选择手机本地文...

AudioJS HTML音频播放器。用来让HTML5 的 标签可以在各种浏览器上使用，包括移动设备。 HTML5Widget HTML5的表单模块，包括日历，调色板，滑动部件，客户端验证等。

框架：PhoneGap官网：简介：PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。

手机端设置：打开设置 → Safari → 高级 → Web 检查器 → 开。mac端打开调试：Safari → 偏好设置 → 高级 → 在菜单栏中显示“开发”菜单。

首先得解决的一个问题。即使这样，我还是很看好html5app开发，原因有一下几点。一：现在HTML5非常火的技术，主要方向在使用高端浏览器的高端移动设备，所以可以用作开发Android系统的App。二：html5对android、ios系统都支持。

Q5: 如何html5在浏览器里访问手机后置摄像头

1、只需要在Html5代码中加入下列代码就可以调用手机摄像头或者相册。

2、实现头的方法代码。编写CSS样式的方法代码。html上传代码。JS处理方法代码。测试结果如下。

3、视频流 HTML5 的 The Media Capture（媒体捕捉） API 提供了对摄像头的可编程访问，用户可以直接用 getUserMedia（请注意目前仅Chrome和Opera支持）获得摄像头提供的视频流。

4、你给的网页用的是 input accept=image/* type=file，在IOS端点击时会提示选择图片或相机，安卓端要看浏览器对这两个属性的优化，部分浏览器会直接跳转到资源管理器，优化做得好的可以直接提示选择相册或相机。

5、html5提供了 navigator.getUserMedia接口使用设备摄像头，chrome28上测试已经可用，复手机端浏览器测试发制现只有opera浏览器可用。

6、image/*；capture=camera直接调用相机input type=file accept=image/* /调用相机 图片或者相册还是要根据手机的类型来说，有些手机只能调相机，有些手机只能调相册，或者两者都行。以上，希望能帮助到你。

关于html5如何访问本地的照片和html怎么访问的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。