页面按钮添加图片 js:使用上传图片前需先选择,可从相册或相机获取

2024-07-11
来源:网络整理

页面按钮

添加图片

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 状态代码

但与不同的是,每次只能上传一张图片,所以每次返回的文件的访问路径都是单一对应的图片访问路径

至此小程序云开发镜像上传完成

分享