elementui上传图片前后端
时间: 2023-09-07 12:11:20 浏览: 109
ElementUI的图片上传功能可以使用前后端分离的方式进行实现。首先,在前端使用ElementUI提供的Upload组件进行图片上传,具体可以参考引用中的代码。在上传成功后,可以通过调用后端的接口来保存图片。在后端的代码中,可以参考引用中的示例代码,该代码使用了第三方接口来保存图片。具体来说,后端代码中的savePhoto方法接收前端上传的图片文件作为参数,并通过httpPostFacePohto方法将图片发送给第三方接口进行保存。最后,将保存成功的结果返回给前端。这样,前后端就实现了ElementUI的图片上传功能。同时,为了提高性能,可以进行一些优化措施,如图片压缩、前端代码压缩和按需加载等,具体可以参考引用中的内容。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Vue ElementUI 上传图片文件 全栈 从前端到后端实战 附有图文](https://blog.csdn.net/wuhan_jun/article/details/108874051)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [SpringBoot+Vue前后端分离 .zip](https://download.csdn.net/download/qq_39740279/12522622)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文