PHP前后端分离怎么上传图片,前后端分离实现上传图片的功能

本文介绍了在前后端分离的架构下如何实现图片上传功能。前端通过formData将图片和分类名称发送给后端,后端接收到数据后,对图片进行格式转换并保存到指定文件夹,同时处理分类信息。
摘要由CSDN通过智能技术生成

前后端分离实现上传图片的功能

思路

前端上传图片和分类名称,保存图片文件,将数据追加到formData传给后端,回调清空。

后端对图片和分类名分开进行处理。分类名进行普通的增加。图片需要借助工具类转化成统一格式,再构造出“id+.jpg”的格式上传到文件夹中。

前端

CtwiUjmU6okI.png

新增分类
分类名称
分类图片

提交

bean 用来存放分类信息,file 用来表示上传的文件。

bean: { id: 0, name: ''},

file: null


getFile: function (event) {

this.file = event.target.files[0];

},

add: function () {

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值