tp5+ajax图片上传预览

在项目中,用户上传图片,用ajax返回预览之后确认无误才同其他数据一起提交表单,代码如下
前端:
tp5+ajax图片上传预览
控制器中:
tp5+ajax图片上传预览
这里做了两个操作,首先是把文件存储到我们的项目制定路径中,需在public/static下建uploads文件夹,getsaveName()会自动生成20190622类似的日期文件夹,并给图片随机取一个名字,我们在控制器中打印出来data"20190622631380fecde6f3a0f8e56af552046272.png"data的结果类似"20190622\\631380fecde6f3a0f8e56af552046272.png",然后把data返回给页面。ajax接收到data拼接图片路径,将图片显示在页面。至此图片已经上传到服务器(异步)。另外我们提交表单,可以将所有数据,包括图片的路径存到数据库中,效果如下
tp5+ajax图片上传预览