在项目中,用户上传图片,返回预览图片回显之后同其他数据一起提交表单,代码如下
js:
ajax发送请求,接受到数据,并把图片地址赋给1.缩略图src 2.隐藏域value提交表单
控制器中:
这里做了两个操作,首先是把文件存储到我们的项目制定路径中,需在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拼接图片路径,将图片显示在页面。另外我们提交表单,可以将所有数据,包括图片的路径存到数据库中,效果
数据库中看到途图片路径已经放过来了
版权声明:本文为weixin_42547302原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。