ajax 上传图片至七牛云

form表单格式 一个传递token、一个传递图片的值,单图上传 name必须是token file

<form id="uploadForm">
    <input type="hidden" name="token" id='qntoken'>
    <input type="file"  name="file">               
</form>

//获取七牛云上传token

  var token = get_user_login();
      $.ajax({
          url: 'http:default_upToken',
           beforeSend: function beforeSend(request) {
                  request.setRequestHeader("Authorization", token);
              },    
          success: function (res) {
              $('#qntoken').val(res.message);
           },

      });
//获取图片上传信息
         var formData = new FormData($('#uploadForm')[0]);
        //   console.log(formData);
          $.ajax({
              url: 'https://up.qbox.me/',
              type: 'POST',
              data: formData,
              dataType: 'JSON',
              async: false,
              cache: false,
              contentType: false,
              processData: false,
              success: function (returndata) {
                  //返回成功之后把返回成功的值传到upload
                //    alert(returndata.key);
                console.log(returndata.key)
                  var token = get_user_login();
                   $.ajax({
                        url: 'default_upSave',
                        type: 'POST',
                        data: {key: returndata.key},
                        dataType: 'JSON',
                        beforeSend: function beforeSend(request) {
                           request.setRequestHeader("Authorization", token);
                        },  
                        success: function (data){
                            //返回成功链接,修改图片的链接地址,避免出现链接地址是base64
                           $('#imghead').attr('src', data.message);
                           //将修改之后的链接上传到user表中 修改user头像信息字段avatar
                            var token = get_user_login();
                            $.ajax({
                                url: 'user_updateUserImg',
                                type: 'POST',
                                data: { avatar: data.message },
                                dataType: 'JSON',
                                beforeSend: function beforeSend(request) {
                                    request.setRequestHeader("Authorization", token);
                                },
                                success: function (res) {
                                    console.log(res);
                                },
                            });

                        },
                   });

              },
              error: function (returndata) {
                  console.log(returndata);
              },
          });
          //我写的结束了!!!!
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值