我们已经准备好了,你呢?

我们与您携手共赢,为您的企业形象保驾护航!

当前位置: 首页 > 百科知识问答 > 页面按钮添加图片 js:使用上传图片前需先选择,可从相册或相机获取

页面按钮

添加图片

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

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

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

免责声明:本站内容(文字信息+图片素材)来源于互联网公开数据整理或转载,仅用于学习参考,如有侵权问题,请及时联系本站删除,我们将在5个工作日内处理。联系邮箱:chuangshanghai#qq.com(把#换成@)

我们已经准备好了,你呢?

我们与您携手共赢,为您的企业形象保驾护航!

在线客服
联系方式

热线电话

132-7207-3477

上班时间

周一到周五 09:00-18:00

二维码
线