jjadamal
jjadamal
  • 发布:2017-10-31 15:11
  • 更新:2017-10-31 15:11
  • 阅读:3749

多图上传,uploader前后端实现,避免入坑

分类:HTML5+

摸索了一个上午,终于实现uploader,为避免入坑,特分享如下
首先上效果图:


【说明】:

  1. 从相册或照相机取得图片后,append到<div id="imgs"></div>中
  2. 点击上传按纽,发送以下数据:A:各文本框的值,B:一个或数个图片文件

uploader的参数未有作出很详细的说明,前后端实现也没有完整的教材及案例,故从头端开始。
从相册或从相机取得照片,这个比较简单,就不作说明了

上传的方法里,有以下要注意:

前端没什么很多地方需要注意的,按示例基本上就可以了,关键后端讲一下:
接收带入的参数,直接用$_POST接收,接收图片文件用$_FILES接收。所以uploader向后台发送了两个数组,一个是$_POST,一个是$_FILES


最后入库操作

效果

1 关注 分享
2***@qq.com

要回复文章请先登录注册

jjadamal

jjadamal (作者)

有个小地方要注意,为了测试方便,把后缀名写死为.jpg,可以直接使用$file_ext
2017-10-31 15:15