手机网页上实现调用相册或者拍照或者录制短视频上传，有没有人有做过相关功能，求告知，项目用，急！！！

Question

有没有相关插件或者demo，我项目是使用VUE开发的

Answer 1

可以看看这个：http://blog.csdn.net/jwzhangj...

Answer 2

这个, js控制不了吧. 是由浏览器决定的. 你点input.type=file的文件上传时, 浏览器决定从哪里选择要上传的文件.

Answer 3

html:

<input type="file" @change="upload($event)">

js:

let vm=new Vue({
 el:'#app',
 data:{
imageList:[]
},
methods:{
 upload(event){
 let files=event.target.files;
//然后使用html5的文件函数进行 FileReader,在使用image函数和canvas的toDataUrl,把base64数据存入imageList
}
}
})

Answer 4

你是混合 app 的话，是要调用原生的 api 接口的哦，比如说，原生给你一个拍视频的接口，你去调用，然后拍完视频后会拿到回调函数，里面会有你需要的视频地址，然后才可以上传，对了上传也最好叫原生写好，这样子，您就只负责调用接口就可以了，js是没有办法直接调用手机摄像头的，必须通过原生哪里哦

Answer 5

http://blog.csdn.net/qq727013...

看看这个吧，可以裁剪，但是目前不支持视频，你可以改改

Answer 6

用<input> accept 属性, 如 <input type="file" accept="audio/,video/,image/*" />
参考

Answer 7

https://segmentfault.com/a/11...
有个妹纸做过PC端浏览器调用摄像头，拍照，加水印。你参考一下，或者找她请教吧。