tp5+ajax图片上传预览及存入数据库

在项目中,用户上传图片,返回预览图片回显之后同其他数据一起提交表单,代码如下
js:
ajax发送请求,接受到数据,并把图片地址赋给1.缩略图src 2.隐藏域value提交表单
tp5+ajax图片上传预览及存入数据库_第1张图片
控制器中:
tp5+ajax图片上传预览及存入数据库_第2张图片
这里做了两个操作,首先是把文件存储到我们的项目制定路径中,需在public/static下建uploads文件夹,给图片移动到指定的路径,getsaveName()会自动生成20190622类似的日期文件夹,并给图片随机取一个名字,我们在控制器中打印出来 d a t a 的 结 果 类 似 " 20190622 631380 f e c d e 6 f 3 a 0 f 8 e 56 a f 552046272. p n g " , 至 此 图 片 已 经 上 传 到 服 务 器 ( 异 步 ) 。 然 后 把 data的结果类似"20190622\\631380fecde6f3a0f8e56af552046272.png",至此图片已经上传到服务器(异步)。然后把 data"20190622631380fecde6f3a0f8e56af552046272.png"data返回给页面。ajax接收到data拼接图片路径,将图片显示在页面。另外我们提交表单,可以将所有数据,包括图片的路径存到数据库中,效果

tp5+ajax图片上传预览及存入数据库_第3张图片
数据库中看到途图片路径已经放过来了在这里插入图片描述

你可能感兴趣的:(php,tp5,ajax,thinkphp,图片上传)