页面按钮
添加图片
js:在上传图片之前,必须先选择图片,所以在此之前,必须先使用wx.()选择图片,然后再上传图片
:(){
wx.({//选择图片
: 1,//指定选中的图片数量,默认为9
: ["",""], //指定图片大小,原图/压缩图
: ['',''], //在哪里选择图片,相册/相机
: ()=>{ //接口调用成功时执行的函数
//。日志();
//选择图片后,可以在这里上传
wx..({
: "img/" + new Date().() +"-"+ Math.(Math.() * 1000),//云存储路径及文件名
: .[0], //需要上传的图片/文件路径,这里使用选择图片返回的临时地址。
: () => { //图片上传至云存储成功
//。日志()
wx.({ //加载提示框不会自动关闭,只能通过wx来关闭。
:"图片上传中",//提示框显示的提示信息
mask : true, //显示透明遮罩,防止触摸,提示为true时屏幕不可操作,不写或者为true时屏幕可以操作。
:(){
wx.() //隐藏或者消失提示框
});
},
失败 : (错误) => {
.log(错误)
})
},
失败 : (错误) => {
.log(错误)
})
:():
上述代码的返回值有三个参数,第一个是返回的消息,第二个是图片的临时地址列表(数组),无论选择个数是1还是其他,都是一个数组,所以在获取具体位置的值时,需要使用下标;
第三个是文件对象数组,每个文件对象中保存着文件的临时地址路径和大小。
:“img/” + new Date().() + “-” + Math.(Math.() * 1000):
路径文件夹以“/”分隔,若“/”前没有文件夹则自动创建,文件名在“/”后;
:() 返回值包括消息、(文件访问路径)和 HTTP 状态代码
但与不同的是,每次只能上传一张图片,所以每次返回的文件的访问路径都是单一对应的图片访问路径
至此小程序云开发镜像上传完成