You can check this out: http://blog.csdn.net/jwzhangj...

JS can’t control this. It’s decided by the browser. When you click input.type=file to upload a file, the browser decides where to select the file to upload.

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
}
}
})

If you are a hybrid app, you need to call the native api interface. For example, the native api interface gives you an interface for shooting videos. You call it, and then after shooting the video, you will get a callback function, which will have what you need. The video address can then be uploaded. By the way, it is best to write it natively. In this way, you are only responsible for calling the interface. There is no way for js to directly call the mobile phone camera, you must go through the native one

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

Take a look at this, it can be cropped, but video is not supported currently, you can change it

Use the <input> accept attribute, such as <input type="file" accept="audio/,video/,image/*" />
Reference

/a/11...
There is a girl who used a PC browser to call the camera, take photos, and add watermarks. Please refer to it or ask her for advice.