之前我们做的拼图小游戏基本都做完了的。今天我们再增加一个功能，就是玩家可以自己上传图拼作为一个拼图图片。废话少说，下面直接开始。
1.(1)在Canvas下新建一个按钮，用作上传图片背景的按钮。
（2）重新命名为upload
（3）删除Label
（4）为了好看点，更换按钮的背景图。
（5）将按钮移动到jigsaw节点下。
（6）调整按钮的大小。
（7）调整按钮的位置。
（8）按钮的过渡类型改为SCALE
(9)增加点击事件
（10）绑定点击事件，绑定到脚本game.ts里的onclick函数。
（11）传递字符串为upload
(12) 打开game.ts脚本。在onclick函数里进行处理。
（13）点击下测试，可以打印出来。
2. 这里还有一个小问题需要处理。就是如果用户进入的是拼图模式，那么是显示上传按钮的。如果进入的是华容道模式，则不显示该按钮。处理这个小问题也很简单，只需在进入华容道模式时，隐藏该按钮就可以了。
（1）声明下装饰器。
（2）关联按钮节点。
（3）在初始化华容道函数处，进行隐藏。 this.upload.active=false
（4）在初始化拼图函数处，进行显示。
this.upload.active=true
(5)进入拼图模式，可以看到上传按钮
（6）进入华容道模式，看不到按钮
3. （1）打开game.ts脚本。增加上传图片的处理函数
//选择上传的图片
chooseFile() {
this.wx.chooseMedia({
count: 1,
mediaType: ['image'],
sourceType: ['album', 'camera'],
maxDuration: 30,
camera: 'back',
success(res) {
console.log(res)
}
})
}
（2）在上传按钮处理处调用chooseFile函数。
（3）重新构建
（4）在微信开发者工具打开。测试了一下，没问题，可以打印出上传的图片的一些信息了。
好了，今天就先介绍到这里了。可能写的过程中还有很多不好的地方，希望大家能指出来，在此，谢谢大家
