php+vue上传预览图片

   预览图片

   change(e){
                let _this = this
                var files = e.target.files[0]
                let reader = new FileReader()
                reader.readAsDataURL(files) 
                reader.onloadend = function () {
                  _this.picture = this.result  //图片地址
                }

            }

上传图片

            saveImg(){
                var data = new FormData(); 
                data.append("myfile",this.$refs.files.files[0]);
                data.append("id",this.$store.state.id);
                this.$axios.post("http://127.0.0.1/personality/insert-img.php",data,{
                    headers:{'Content-Type':'multipart/form-data'}    
                })
                .then((response)=>{
                    console.log(response.data)
                })
            }

php代码

<?php
    require "conn.php";
    $imgname = $_FILES['myfile']['name'];
    $tmp = $_FILES['myfile']['tmp_name'];
    $tid = $_POST['id'];
    $filepath = 'images/';
    if(move_uploaded_file($tmp,$filepath.$tid."-user.jpg")){
        echo "上传成功";
    }else{
        echo "上传失败";
    }

?>