input 标签调起摄像头拍摄并预览(移动端)

html部分
<input type="file" id="file1" accept="image/*" capture="camera" @change="changePic" />

js部分
changePic(e) {
    // console.log(e)
    const _this = this;

    const fileObj = e.target;

    const file = fileObj.files[0];

    const reader = new FileReader();

    reader.readAsDataURL(file);

    reader.onload = function(e) {
          const imgResult = e.target.result;
          // 可预览的图片地址
          _this.imgResult = imgResult;
    };
}

你可能感兴趣的:(前端,日常,js小tip,javascript)