Showing
1 changed file
with
34 additions
and
1 deletions
| @@ -24,7 +24,7 @@ | @@ -24,7 +24,7 @@ | ||
| 24 | <div class="layui-upload"> | 24 | <div class="layui-upload"> |
| 25 | <button type="button" class="layui-btn layui-btn-primary" id="adBtn"><i class="icon icon-upload3"></i>点击上传</button> | 25 | <button type="button" class="layui-btn layui-btn-primary" id="adBtn"><i class="icon icon-upload3"></i>点击上传</button> |
| 26 | <div class="layui-upload-list"> | 26 | <div class="layui-upload-list"> |
| 27 | - <img class="layui-upload-img" id="adPic"> | 27 | + <img class="layui-upload-img" id="adPic_image"> |
| 28 | <p id="demoText"></p> | 28 | <p id="demoText"></p> |
| 29 | </div> | 29 | </div> |
| 30 | </div> | 30 | </div> |
| @@ -164,6 +164,39 @@ | @@ -164,6 +164,39 @@ | ||
| 164 | } | 164 | } |
| 165 | }); | 165 | }); |
| 166 | 166 | ||
| 167 | + //GIF/视频上传 | ||
| 168 | + var uploadInst = upload.render({ | ||
| 169 | + elem: '#adBtn' | ||
| 170 | + ,url: '{:url("UpFiles/uploadQn")}' | ||
| 171 | + ,before: function(obj){ | ||
| 172 | + //预读本地文件示例,不支持ie8 | ||
| 173 | + obj.preview(function(index, file, result){ | ||
| 174 | + if(result.substring(5,10)=="image"){ | ||
| 175 | + $('#adPic_image').attr('src', result); //图片链接(base64) | ||
| 176 | + $('#adPic_image').css('display', 'block'); | ||
| 177 | + }else{ | ||
| 178 | + $('#adPic_image').css('display', 'none'); | ||
| 179 | + } | ||
| 180 | + }); | ||
| 181 | + },done: function(res){ | ||
| 182 | + if(res.code>0){ | ||
| 183 | + $('#author_image_pic').val(res.url); | ||
| 184 | + return layer.msg('上传成功'); | ||
| 185 | + }else{ | ||
| 186 | + //如果上传失败 | ||
| 187 | + return layer.msg('上传失败'); | ||
| 188 | + } | ||
| 189 | + } | ||
| 190 | + ,error: function(){ | ||
| 191 | + //演示失败状态,并实现重传 | ||
| 192 | + var demoText = $('#demoText'); | ||
| 193 | + demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>'); | ||
| 194 | + demoText.find('.demo-reload').on('click', function(){ | ||
| 195 | + uploadInst.upload(); | ||
| 196 | + }); | ||
| 197 | + } | ||
| 198 | + }); | ||
| 199 | + | ||
| 167 | 200 | ||
| 168 | //根据菜品ID 修改对应菜品的GIF、视频url | 201 | //根据菜品ID 修改对应菜品的GIF、视频url |
| 169 | form.on('submit(submit)', function (data) { | 202 | form.on('submit(submit)', function (data) { |
-
Please register or login to post a comment