vue调用手机相机相册_详解Vue.js调用手机相机和相册以及上传

详解Vue.js调用手机相机和相册以及上传

发布于 2020-7-7|

复制链接

摘记: 组件

```xhtml

..

组件

```xhtml

-->

选中{ {imgList.length}}张文件，共{ {bytesToSize(this.size)}}

```

javaScript代码

```javascript

export default {

name: "cameras-and-albums",

data(){

return{

imgList: [],

datas: new FormData(),

files:0,

size:0

}

},

methods:{

//调用相册&相机

fileClick() {

$('#upload_file').click();

},

//调用手机摄像头并拍照

getImage() {

let cmr = plus.camera.getCamera();

cmr.captureImage(function(p) {

plus.io.resolveLocalFileSystemURL(p, function(entry) {

compressImage(entry.toLocalURL(),entry.name);

}, function(e) {

plus.na