首页 | 1619 | 687 | 343 | 添加收藏 上一个 下一个
HTML5图片上传(支持多图片)

使用方法 ~



  1. 本地使用的JQ包是 jquery-3.3.1.min.js 低版本应该也可以兼容 导入它~

  2. 导入样式文件 index.css

  3. 导入js文件 fileInput.js 这个就是核心文件啦

  4. 导入js文件 test.js 这个是利用formData发送文件到后台的测试JS文件仿造我这里的业务需求的 可以参考

  5. 按道理来说 这里就可以直接在你的button上放触发方法了


onclick="up_files($(this))"

选择器对象一定要带哦~


这里是我后端测试的时候发现的一点问题 这样写确实可以降低废文件的冗余问题了 也可以把文件传到后台


但是我这个逻辑 文件的索引又是一大问题 所以我在test.js中有写改掉file的name但是后来问度娘说是file是只读的 所以要new一个新的对象才能重写文件名 就比较麻烦


这里是PHP作为后台获取文件数据的


用$_FILES获取的话只有五个基本属性


我在上传的每个文件里都有定义新属性


但是无奈它PHP抓不到


console.log已经封装成p 可以直接调用了


有问题或者建议的小伙伴和大佬们可以直接在评论留言~ 共同勉励~


注意:导入如果发现跟原项目有层级覆盖的情况可以在index.css文件中调整z-index层级关系