[JavaScript知识库]vue中-图片上传预览和FormData上传

图片上传预览

原理: 通过监听input表单的 change事件, 获取标签的文件

FormData上传

1. 要实现文件上传, 必须借助FormData对象;
2. 表单域中, 需要提交的数据, 必须设置name属性, 且取值和接口的参数名一致;
3. FormData实例化的时候, 需传入form表单的dom对象;
4. 如果有非表单项的数据数据需要传入, 可以借助 .append("key", value) 追加参数, 该方法没有返回值, 不能采用链式编程;