Layui中upload.render上传多张图片到七牛云data无法更新的问题


<div class="layui-upload-drag" id="test10" onclick="getToken()" style='margin-left: 25%;margin-top:20px'>
    <i class="layui-icon"></i>
       <p>将图片拖拽到此处将自动上传</p>
</div>



var uploadIns = upload.render({
          elem: '#test10',
          url: '//upload.qiniup.com'
          ,data : null
          ,field :'file'
          ,accept:'images'
          ,acceptMime: 'image/*'
          ,multiple: true
          ,size : 3072 //最大3M
          ,auto: true
          ,drag : true
          ,before: function(obj){
            obj.preview(function(index, file, result){
              console.log('index : ',index,' file : ',file);
            });
            //上传完毕
            layer.load(2,{
              shade : [0.5,"#000"],
              time : 1500 
            })
          }
          ,done: function(res, index, upload){
            if(res.hash != undefined){
              //成功之后需要渲染
              addAccidentImg(uploadData.img_urls,uploadData.url);
              layer.msg("修改图片上传成功", {
                time: 1000,
              });
            }
          }
          ,error : function(index, upload){
            layer.msg("上传失败", {
                time: 1500,
            });
          }
        });

      /**
      * 重载data
      * */
      window.getToken = function(){
        uploadIns.config.data = function(){
          $.ajax({
            type: "get",
            async: false,
            url: "/api/public/upload/getToken",
            contentType: 'application/json',
            success: function(res) {
              res = JSON.parse(res);
              console.log('token1 : ',res);
              uploadData.token = res.uploadToken;
              uploadData.key = res.fileName;
              uploadData.domain = res.domainBucket;
              uploadData.url = uploadData.domain + '/' + uploadData.key;
            }
          });
          return {
            token : uploadData.token,
            key : uploadData.key
          }
        }()
      }


转载于:https://my.oschina.net/u/3737002/blog/3073776

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值