Wechat applet editor Avatar

 Avatar nickname filling  |  Wechat open documents 
 There is a way to edit the avatar of wechat , But the test found that the upload avatar is particularly slow . Need at least 5s. If you access the interface data after modification, it will take longer .
 The reason is because 

It takes time to carry out safety inspection , Avoid uploading sensitive pictures .

But when we actually use it, the test is too slow , You can only change your mind , I wrote

<button class="avatar-wrapper" 

bindtap='changeHead'

 >
    <image class="avatar" src="{
   {avatar}}"></image>
</button>

changeHead(){
    var _this = this;
    wx.showActionSheet({
        itemList: [" Taking pictures ", " Choose from the album "],
        itemColor: "#000000",
        success: function (res) {
            if (!res.cancel) {
                if (res.tapIndex == 0) {
                    _this.imgWShow("camera")        // Taking pictures 
                } else if (res.tapIndex == 1) {
                    _this.imgWShow("album")      // Photo album 
                }
            }
        }
    })
},
//  Click to call mobile photo album / Taking pictures 
imgWShow: function (type) {
    var _this = this;
    let len = 0;
    if (_this.data.imgList != null) {
        len = _this.data.imgList.length
    }   // Get the currently existing picture 
    wx.chooseImage({
        count:1,     // The maximum number of pictures that can be uploaded , You can upload up to 1 Zhang 
        sizeType: ['original', 'compressed'],        // You can specify whether it is original or compressed , By default, both of them have 
        sourceType: [type],             // You can specify whether the source is an album or a camera ,  By default, both of them have 
        success: function (res) {
            wx.showToast({
                title: ' Uploading ...',
                icon: "loading",
                mask: true,
                duration: 1000
            })
            //  Returns a list of local file paths for the selected photo ,tempFilePaths It can be used as img Labeled scr Property display image 
            var imgList = res.tempFilePaths
            _this.UploadImg(imgList[0])// The access interface gives the uploaded image to the interface 
        },
        fail: function () {
            wx.showToast({
                title: ' Picture upload failed ',
                icon: 'none'
            })
            return;
        }
    })
},

 

UploadImg(avatarUrl){
    console.log(avatarUrl)
    this.uploadFile(avatarUrl).then(res => {
        this.setData({
            avatar:avatarUrl,
        })
    })
},

uploadFile: (filePath) => {
    let url = "http：//XXXXX/uploaded_file"// Upload interface 
    return new Promise((resolve, reject) => {
        wx.uploadFile({
            url: url,
            filePath: filePath,
            name: "file",
            header: {
                'content-type': 'application/json',
                'token': getToken(),
            },
            success: (res) => {
                console.log(res)
                let result = JSON.parse(res.data)
                let {code} = result
                if (code === 200) {
                    return resolve(result.data)
                } else {
                    return reject(result.message)
                }
            },
            fail() {
                reject(' Interface error , Please check ')
            }
        })
    })
},