这篇博客介绍了如何使用LayUI框架实现多图上传功能，包括HTML结构、js代码实现和PHP后台处理。通过局部HTML代码展示了上传图片的容器和预览，核心JS代码利用layui.upload模块进行多图上传，并在上传成功后将图片URL追加到隐藏域中。同时，提供了删除图片的函数。在PHP后台，通过thinkRequest接收文件并将其移动到指定目录，返回上传结果。
局部 html 代码参考
注意下面的第一行代码：
1
此 作为隐藏域，用于保存多图上传的资源数组，方便后期进行 form 表单的提交
轮播图片：
多图片上传
预览：
核心 js 代码参考
参考 layUI 官方文档，以及下面所作的部分解释，应该能看个八分懂吧 …
//多图容器 【注册全局变量】
var multiple_images = [];
layui.use(‘upload’, function () {
var upload = layui.upload;
//多图片上传
upload.render({
elem: ‘#multiple_img_upload’
,url: ‘/api/upload/img_file’
,multiple: true
,before: function(obj){
//预读本地文件示例，不支持ie8
obj.preview(function(index, file, result){
$(‘#div-slide_show’).append(‘
最低0.47元/天 解锁文章
扫一扫
680
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
