Are there any related plug-ins or demos? My project was developed using VUE
溫故而知新,可以為師矣。 博客:www.ouyangke.com
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的文件函數(shù)進(jìn)行 FileReader,在使用image函數(shù)和canvas的toDataUrl,把base64數(shù)據(jù)存入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.