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);
              },
          });
          //我写的结束了!!!!

猜你喜欢

转载自blog.csdn.net/weixin_42597707/article/details/81303296