手机web调用手机相机拍照并上传, 搞不定啊 !!!
java吧
全部回复
仅看楼主
level 11
百度了一些代码, 调不了相机啊 .
2014年07月11日 09点07分 1
level 11
网上很多是这样的:
html:
<video id="video" width="300" height="300" autoplay></video>
<button id="snap">Snap Photo</button>
<canvas id="canvas" width="300" height="300"></canvas>
2014年07月11日 09点07分 2
你是要干什么???为什么调用相机
2014年07月11日 10点07分
回复 520金色枫叶 :我在做在线客服。需要调用手机相机。
2014年07月11日 11点07分
回复 背叛了所有c :电脑上操作调用手机么?
2014年07月11日 11点07分
回复 背叛了所有c :我也做一个项目,也需要调用相机T^T
2014年07月11日 11点07分
level 11
JS:
<script>
// 设置事件监听,DOM内容加载完成,和jQuery的$.ready() 效果差不多。
window.addEventListener("DOMContentLoaded", function() {
// canvas 元素将用于抓拍
var canvas = document.getElementById("canvas"),
context = canvas.getContext("2d"),
// video 元素,将用于接收并播放摄像头 的数据流
video = document.getElementById("video"),
videoObj = { "video": true },
// 一个出错的回调函数,在控制台打印出错信息
errBack = function(error) {
if("object" === typeof window.console){
console.log("Video capture error: ", error.code);
}
};
// Put video listeners into place
// 针对标准的浏览器
if(navigator.getUserMedia) { // Standard
navigator.getUserMedia(videoObj, function(stream) {
video.src = stream;
video.play();
}, errBack);
} else if(navigator.webkitGetUserMedia) { // WebKit-prefixed
navigator.webkitGetUserMedia(videoObj, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
}
// 对拍照按钮的事件监听
document.getElementById("snap").addEventListener("click", function() {
// 画到画布上
context.drawImage(video, 0, 0, 640, 480);
});
}, false);
</script>
2014年07月11日 09点07分 3
level 11
这样的效果是, 在电脑上打开jsp页面能调用电脑摄像头, 手机却没反映. (至少目前ios是没效果的) .
2014年07月11日 09点07分 4
level 11
现在需要的效果是, jsp上点击一个button , 直接打开手机原生态的相机进行拍照, 然后上传, 有没有大神做过类似的, 还请赐教 !!!
2014年07月11日 09点07分 6
level 11
要打开手机的权限才可以
2014年07月11日 11点07分 7
我之前用的input标签,iOS貌似可以,安卓不行。
2014年07月11日 11点07分
回复 背叛了所有c :安卓你调用手机摄像头,就是要打开摄像头的权限啊
2014年07月12日 01点07分
回复 779455856 : 其实安卓下浏览器中没问题的, 就是在安卓版微信的内置浏览器中调用不了相机 .
2014年07月12日 09点07分
回复 背叛了所有c :是的,<input type="file" onclick="javascript:;" />在一般的浏览器中都是可以的,但是在微信中不可以,你现在有解决的方安了嘛?
2014年10月12日 06点10分
level 11
[呼~]让用户自己拍不行吗,你这需求这么蛋疼,要么就用C/S做,现在用手机浏览器做有点扯
2014年07月11日 13点07分 8
没办法, 需求是这样的, 我一个coder只能奉命行事啊 .
2014年07月11日 13点07分
level 1
同求java web实现手机摄像头调用啊
2014年12月11日 01点12分 11
web端想实现,并且兼容各版本手机比较难,建议和APP交互。
2014年12月13日 15点12分
回复 背叛了所有c :嗯,谢谢。已经放弃了。目前APP的比较容易实现。
2014年12月27日 15点12分
level 11
html5
2014年12月14日 01点12分 12
吧务
level 15
不能调用相机 ,但是可以上传的时候选拍照片。就用 input file就行了。我就做 web app的。不过要前端处理图片压缩裁剪 比较麻烦。到github上找库。手机拍照还有旋转信息,传到后端可能还是倒的图像,要前端旋转回来。需要读文件结构 里面包含图片信息。 别问我为啥知道,因为我做过
2014年12月14日 01点12分 13
你遇到过小米手机在使用uc浏览器进行拍照,调用不起来,这是啥原因?
2015年07月29日 02点07分
使用索尼手机调用uc浏览器进行拍照就是可以滴,难道是有关手机的问题?
2015年07月29日 02点07分
level 1
<input id="fl" style="opacity:0;" type="file" accept="image/*;"/>
2015年01月09日 06点01分 14
level 2
楼主,搞定了没?
2015年10月29日 02点10分 15
不可能兼容各版本,只能调用app接口实现
2015年10月29日 15点10分
@天啦饿了睡不着 怎么调用app接口?楼主能说一下么
2015年11月02日 07点11分
回复 olay_map :比如h5页面上一个<a>标签,href指向特殊地址,app监控到有这样的标签被点击,就调用相机拍照,上传,再把上传地址通过回调函数给h5
2015年11月02日 16点11分
@天啦饿了睡不着 我是做微信网页调用相机拍照上传,前两天忙别的了,楼主看看这段能用上不 <input type="file" capture="camera" accept="image/*" id="filetest" name="filetest">
2015年11月04日 02点11分
level 6
和android webview 交互实现拍照上传
2015年11月12日 15点11分 16
level 1
2016年02月17日 05点02分 17
level 13
input
2016年02月17日 05点02分 18
level 1
这个贴还挺持久的。回答的人 全说写 没什么用的,file 在android 上是不能拍照的,只能选图片上传,ios内可以拍照和选图片上传。有没人能说个比较兼容的方法,别再说file了,浏览器 调摄像头 真不容易啊
2016年06月23日 10点06分 19
谢谢, 都过去几年了. file的确解决不了, 必须要调用APP的拍照功能.
2016年06月27日 02点06分
楼主,我现在遇到这个问题,跪求解决方案,怎么调用APP的拍照功能啊
2017年03月24日 10点03分
回复 jxjdvh :页面用特殊代码触发app 拍照,具体是app的人做,有监控事件吧
2017年03月25日 04点03分
level 1
挖坟 话说楼主问题解决未
2016年11月14日 06点11分 20
天啊,几年了。 安卓不行的,不同版本不同手机都不同的。
2016年11月14日 14点11分
@天啦饿了睡不着 主要是本萌新也遇到同样的功能,同样的难题= = 卡在这里了
2016年11月15日 01点11分
回复 wu312975487 :你男的女的[滑稽]
2016年11月15日 01点11分
2016年11月18日 01点11分
level 7
楼主,这个坟挖的有点深,问题解决了吗
2018年05月14日 07点05分 21
页面埋个特殊标记,app去监控触发,调用原生相机,拍照上传后通过回调函数把图片地址返回给页面
2018年05月14日 10点05分
level 7
意思说是app去调用手机相机?
2018年05月15日 02点05分 22

2018年05月15日 04点05分
level 7
我可以负责任的说 能。
2018年05月15日 05点05分 23
1 2 尾页