vue + element-UI 实现图片嵌在表单里，图片和表单一起上传

如下图，需求要实现点击一个按钮，可以让表单的内容和图片一起上传，只请求后台一次！

思路：

1.让图片formData放在表单formData中一起上传，实现不了，目前前台获取不到图片的本地地址；

2.让图片的 vm.$refs.upload.submit() 放在post上传表单的函数下上传，这样会请求后台两次，并速度也很慢；

3.那就让表单formData放在图片formData中，随着图片一起上传，这个实现了，具体代码如下：

    
        
            
        
        
            
            
                
                
            
        
        
            立即创建
            重置
        
    

中间实现了很多小技巧，比如：

1.预览图片；

2.利用input实现图片上传与否的验证。

3.样式等；

ps：更详细的讲解，欢迎浏览个人网站：www.caohongyuan.cn

欢迎指导，有啥问题下面留言。

千而的大狮子~