# 10、图片轮播 图片轮播数据添加 1.实现图片上传功能，并且将上传后的图片地址保存在一个隐藏域中 2.为图片轮播表单中的每一个表单项添加name属性, name属性的值要和接口中要求的参数名称保持一致 3.为图片轮播表单绑定表单提交事件，在事件处理函数中阻止表单默认提交的行为 4.获取到管理员在表单中输入的内容 5.向服务器端发送请求，实现图片轮播数据添加功能，如果数据添加成功，刷新页面 ## 需求图  ## 图片上传接口 及 html 和 js  ## 轮播图表单提交 左边添加轮播图接口 右边js 轮播图表单提交 js  ## 轮播图展示 向服务器端发送请求索要图片轮播列表数据 中间轮播图列表接口 左边html 右边 渲染 js  ## 轮播图页面删除 图片轮播数据删除 1.通过事件委托的方式为删除按钮添加点击事件 2.在事件处理函数中弹出删除确认框 3.获取到要删除的轮播图数据的id 4.向服务器端发送请求，执行删除操作,删除操作成功，刷新页面 代码实验 1.给删除按钮添加自定义属性，获取当前数据属性 左边 删除接口，html自定义属性 右边 删除 js