前端vue后端django关于图片与文字上传与更新

上传问题

作为一个初学VUE的小白来说,图片上传 我是这么写的,
前端vue后端django关于图片与文字上传与更新这双向绑定我用的美滋滋,谁知道根本绑定不到我的image数据,打印出来只有下面这个玩意
前端vue后端django关于图片与文字上传与更新在网上找了很多,最后这样写(切记不能使用<el-input>标签)
前端vue后端django关于图片与文字上传与更新在下面的js函数中取出图片绑定到变量上(此处用el-input的话,会显示没有e.target is undefind!,由于标签不同回调参数不一样)
前端vue后端django关于图片与文字上传与更新

更新问题

本来想使用,element-ui里的upload,但是这个只能上传文件(得有单独的文件上传接口),而我需要进行的事差量更新,不可能只上传图片,还需要传递其它参数。
后端使用DRF patch 更新,此时的问题是
前端vue后端django关于图片与文字上传与更新前端vue后端django关于图片与文字上传与更新前端vue后端django关于图片与文字上传与更新当前端发送patch请求时,不管img有没有值都会向后端传递一个img的键值,但是当img的值不是文件时,既没有选择文件,后端就会返回400错误。
经过测试发现 img没有值时,就不加入表单,有值时再加入表单即可。
前端vue后端django关于图片与文字上传与更新终于解决完了