起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 3348|回复: 12

[结贴] 求救,手机调用摄像头拍摄视频后,获取到视频上传到服务器

  [复制链接]

8

主题

49

帖子

127

积分

初级会员

Rank: 2

积分
127
QQ
发表于 2016-10-12 15:19:47 | 显示全部楼层 |阅读模式
如何才可以把手机调用摄像头拍摄视频后,获取到视频上传到服务器?
AttachmentSimple别提这个插件了,在SSH框架上传不了到服务器的,被坑了
谁有好的建议?万分感谢!

8

主题

49

帖子

127

积分

初级会员

Rank: 2

积分
127
QQ
 楼主| 发表于 2016-10-12 17:26:26 | 显示全部楼层
liangyongfei 发表于 2016-10-12 16:07
是的!文件上传代码都一样的!找到视频的存储位置就可以了!

这是图片的上传,得到了一个base64转码文件
function onSuccess(imageData) {
                      //请求数据并显示popOver组件
                  var popOver1=self.comp('popOver1');
                   popOver1.show();
                  
              var smallImage = document.getElementById(self.getIDByXID('image1'));
              smallImage.style.display = 'block';
              smallImage.src = "data:image/jpeg;base64,"+imageData;
              
              popOver1.hide();//请求完成后隐藏popOver组件
             //图片上传
             self.uploadPic(imageData);      
           }
        
           function onFail(message) {
              alert('Failed because: ' + message);
           }   
视频的是navigator.device.capture.captureVideo(captureSuccess, captureError, {limit : 1});
function captureSuccess(mediaData){   
                        var i, path, len;
                        for (i = 0, len = mediaFiles.length; i < len; i += 1) {
                                   path = mediaFiles.fullPath;

得到的是一个URL,
我要怎么才能获取跟图片一样或者类似的转码文件呢?
回复 支持 0 反对 1

使用道具 举报

发表于 2016-10-12 15:40:47 | 显示全部楼层
录像功能,请参考:UI2/demo/native/camera/mainActivity.w
获取文件存储位置!使用corodva插件上传这个视频即可!
文件上传可以参考:http://bbs.wex5.com/forum.php?mod=viewthread&tid=68669
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

8

主题

49

帖子

127

积分

初级会员

Rank: 2

积分
127
QQ
 楼主| 发表于 2016-10-12 15:45:34 | 显示全部楼层
liangyongfei 发表于 2016-10-12 15:40
录像功能,请参考:UI2/demo/native/camera/mainActivity.w
获取文件存储位置!使用corodva插件上传这个视 ...

这个我弄过,图片成功了,问题是视频,
corodva插件上传有案例吗?调用的是哪个方法,
是不是只要我知道手机上的拍摄好的视频地址,就可以上传到我想指定的服务器位置?
回复 支持 反对

使用道具 举报

发表于 2016-10-12 16:07:14 | 显示全部楼层
lixiangbin21 发表于 2016-10-12 15:45
这个我弄过,图片成功了,问题是视频,
corodva插件上传有案例吗?调用的是哪个方法,
是不是只要我知道 ...

是的!文件上传代码都一样的!找到视频的存储位置就可以了!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

8

主题

49

帖子

127

积分

初级会员

Rank: 2

积分
127
QQ
 楼主| 发表于 2016-10-12 17:25:04 | 显示全部楼层
liangyongfei 发表于 2016-10-12 16:07
是的!文件上传代码都一样的!找到视频的存储位置就可以了!

大神,还是不明白,我怎么获取到视频对象,然后转码,我要获得转码才能传到后台编译存储啊,你告诉我案例,或者那个控件啊,谢谢
回复 支持 反对

使用道具 举报

发表于 2016-10-13 09:15:12 | 显示全部楼层
lixiangbin21 发表于 2016-10-12 17:26
这是图片的上传,得到了一个base64转码文件
function onSuccess(imageData) {
                      // ...

得到 URL ,然后将这个url下的文件上传到服务器!就可以了啊!服务器端需要写文件接收的代码!
就是通过输入输出流进行上传文件的!
http://bbs.wex5.com/forum.php?mod=viewthread&tid=68669

base64编码只使用于图片。视频无法做到!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

8

主题

49

帖子

127

积分

初级会员

Rank: 2

积分
127
QQ
 楼主| 发表于 2016-10-14 11:56:58 | 显示全部楼层
liangyongfei 发表于 2016-10-13 09:15
得到 URL ,然后将这个url下的文件上传到服务器!就可以了啊!服务器端需要写文件接收的代码!
就是通过输 ...

我弄了一个form表单提交,我得到这个path的URL是“file://storage/emulated/xxxx/xxx.mp4”,然后我给input赋值,提示错误
failed to set the 'value'property on 'HTMLinputElement':this input element accepts a filename,which may only be programmatically set to the empty string.
回复 支持 反对

使用道具 举报

12

主题

62

帖子

182

积分

初级会员

Rank: 2

积分
182
QQ
发表于 2016-11-1 13:57:22 | 显示全部楼层
lixiangbin21 发表于 2016-10-12 15:45
这个我弄过,图片成功了,问题是视频,
corodva插件上传有案例吗?调用的是哪个方法,
是不是只要我知道 ...

我做的是语音上传,直接调用js-api就好
上传其实是内部调用了Cordova插件的Transfer
我在本地测试是可以的,只是部署到服务器就出了问题
回复 支持 反对

使用道具 举报

11

主题

53

帖子

127

积分

初级会员

Rank: 2

积分
127
QQ
发表于 2016-12-19 10:32:26 | 显示全部楼层
lixiangbin21 发表于 2016-10-14 11:56
我弄了一个form表单提交,我得到这个path的URL是“file://storage/emulated/xxxx/xxx.mp4”,然后我给inp ...

楼主 你的视频上传可以了么 我也正在做 能不能参考下
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-12-5 03:39 , Processed in 0.053860 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表