I'm Sham
一个尝试做码农的行政文员

layui上传图片&PHP后台接收并返回网址

20200301修改,为了更好的按用户名来重命名图片,所以需要在上传图片的同时传值到后端,用于图片重命名,使用layui上传功能中的

before: function(obj){ this.data.name = $(‘#name’).val(); }

来实现

最近在优化自己的小程序后台,应该有提过我选用的layui作为后台界面前端,这几天碰到一个问题,就是在使用layui来上传图片的时候,直接使用小程序接受图片的PHP文件无法接收保存,layui也提示接口参数异常,折腾了好久,终于搞定了,特来记录分享。

首先是layui图片上传代码HTML部分

JS部分

最后是PHP后端部分(在前面的文章基础上,最后的echo替换成如下代码)

这样,就能上传图片,生成缩略图,然后layui界面里面能浏览缩略图,并得到真实大图的网址,用于你的表单或其他用途。

PHP接受,保存大图和缩略图:https://www.shamqu.cn/wechat-applet-learning-upload-images-to-server.html

赞(0) 赏杯咖啡!
未经允许不得转载:Sham@双目瞿 » layui上传图片&PHP后台接收并返回网址
分享到: 更多 (0)
【采购季】上云仅¥223/3年

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

如果你觉得文章好,请赏1杯速溶咖啡给Sham吧!

微信扫一扫打赏