Commit 9e4904eb5b1b7cea44932940ac415923bf19fc43

Authored by pengye
1 parent 1939c00e

no message

@@ -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) {