el-upload上传图片

el-upload是一个Vue组件，用于实现图片上传功能。它有一些属性可以配置上传的行为。其中，action属性指定了上传的地址，accept属性指定了接受上传的文件类型，show-file-list属性用于控制是否显示已上传文件列表，on-change属性是一个回调函数，用于处理文件状态的改变，before-upload属性用于在选取文件后进行上传前的一些限制条件判断，auto-upload属性用于控制是否在选取文件后立即进行上传。\[1\]\[2\]

在methods中，handleLicensePreview方法是用于处理上传图片的函数。它会判断文件的大小是否小于2MB，如果超过了限制，则会给出错误提示。如果文件大小符合要求，它会创建一个FormData对象，并将文件添加到FormData中，然后将图片的URL存储到form.img中，以便在确认按钮点击时统一上传。beforeLicenseUpload方法用于限制上传的文件格式和大小。它会判断文件的后缀名是否在白名单中，如果不在白名单中，则会给出错误提示。同时，它也会判断文件的大小是否小于2MB，如果超过了限制，则会给出错误提示。\[3\]

总结起来，el-upload组件可以实现图片上传功能，通过配置属性和使用回调函数，可以对上传的文件进行限制和处理。同时，通过methods中的函数，可以对上传的图片进行大小和格式的限制。
#### 引用[.reference_title]
- *1* *2* *3* [Element-ui中el-upload上传图片并有预览功能](https://blog.csdn.net/qq_45829293/article/details/122882117)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]