el-upload以及FormData 对象上传照片

<el-upload
         class="upload-demo"
         ref="upload"
         action=""                     //必要属性，手动上传可设置为空
         :on-preview="handlePreview"
         :on-remove="handleRemove"
         :on-change="handleChange"    //监听上传文件
         :auto-upload="false"         //禁用自动上传
         :show-file-list="false"      //隐藏上传文件列表
         :disabled="true"           //禁用自带上传方法
>
</el-upload>                        

 //上传文件变化监听
handleChange(file, fileList){
            console.log(file,fileList)
            this.upFile = file.raw
},
//上传
submitUpload(){
            let self = this
            var url = api
　　　　　　　//创建FormData对象，调用append方法添加参数
            var fd = new FormData();  
            fd.append("type", 1);       //附件类型
            fd.append("upfile", this.upFile);    //文件流
            fd.append("id",this.uuid);     //随机编码
            fd.append("name", "现场照片");  //附件名称
            fd.append("username", window.username);   //登陆名

             $.ajax({
                url: url,
                type: 'post',
                dataType: 'json',
                data: fd,
                processData: false,        //数据不需要处理，设置为false
                contentType: false,        //数据类型为FormData,取消默认设置
                success: function(res) {
                    if (res < 0){
                        return self.$message({
                            type: 'success',
                            message: '附件添加失败，请重新添加！',
                            showClose: true,
                            duration: 2000
                        });
                    }else{
                        self.$message({
                            type: 'success',
                            message: '附件添加成功！',
                            showClose: true,
                            duration: 2000
                        });
                        
                        self.getImg()      //添加成功后，可以获取图片路径以便显示
                    }
                }
            })
}