• 上传文档

      1. //js
      2. handleFile=(e)=>{
      3.  let params=new FormData()
      4.  params.append("file",e.target.files[0])
      5.  this.$axios.post('/api/file/upload/25',params,{
      6.    headers: {'Content-Type': 'multipart/form-data'}
      7.  }).then(res=>{
      8.    console.log(res)
      9.  })
      10. }
      11. <div className='file-iptc'>
      12.   <button>上传文档</button>
      13.   <input onChange={this.handleFile} className='file-ipt' type='file'/>
      14. </div>
      1. //css
      2. .file {
      3. &-iptc {
      4.   position: relative;
      5.   overflow: hidden;
      6. }
      7. &-ipt {
      8.   height:100%;
      9.   position: absolute;
      10.   left: 0;
      11.   to: 0;
      12.   opacity: 0;
      13. }
      14. }

    • 拍照上传

      1. //谷歌调取摄像头
      2. https://blog.csdn.net/qq_26975307/article/details/84560216
      1. https://www.jianshu.com/p/dca86d777c50
      2. //上传
      3. $('#upload').click(function(){
      4.    let canvas = document.getElementById("canvas");
      5.    $('#upload-group').hide();
      6.    $('#loading').show();
      7.    canvas.toBlob(function(blob) {
      8.           blob.lastModifiedDate =new Date();
      9.           blob.name = 'file.jpg';
      10.           let formData = new FormData();
      11.           formData.append('file', blob, "file.jpg");
      12.           formData.append("csrfmiddlewaretoken", $('[name="csrfmiddlewaretoken"]').val());
      14.           $.ajax({
      15.               url: "/auth/face_match",
      16.               type: "POST",
      17.               data: formData,
      18.               contentType: false,
      19.               processData: false,
      20.               mimeType: "multipart/form-data",
      21.               dataType:'json',
      22.               success: function (data, status) {
      23.                   if(!data['ok']){
      24.                       alert(data['message']);
      25.                   }else{
      26.                       if(data['data']['result']){
      27.                           location.href='/auth/me';
      28.                       }else{
      29.                           alert('头像认证失败');
      30.                           location.reload();
      31.                       }
      32.                   }
      33.               },
      34.           });
      35.    },'image/jpeg',0.7);
      36. });