在laravel中使用jQuery File Upload实现多

相关要点

使用了 jquery file upload 及相关的插件

实现功能

批量图片预览，批量图片上传，批量图片删除
批量语音预览，批量语音上传，批量语音删除
自定义上传文件类型， 自定义上传文件大小

资源文件

image.png

自定义的js文件 【main.js 部分展示】

image.png

php服务器文件 【部分展示】

image.png

视图文件 【部分展示】

image.png

路由

1. 展示上传页面的路由     
2. 处理上传的路由
3. 删除文件的路由

遇到的问题

问题1: nginx 502（upstream sent too big header while reading response header from upstream）
解答1：
1)修改Nginx配置文件
server {
    listen 80;
    server_name www.ctohome.com;

    proxy_buffer_size   128k;//配置todo
    proxy_buffers   4 256k;//配置todo
    proxy_busy_buffers_size   256k;//配置todo

  2)重启nginx
  3)清除浏览器缓存

参考

线上demo

联系

以上提交的都是部分信息， 如有疑问，欢迎咨询！
邮箱：yuchong321@126.com