1. 在小程序中调用wx.chooseImage()方法,选择要上传的图片。
2. 调用wx.uploadFile()方法,将图片上传到服务器。
3. 在服务器端处理上传的图片,并将图片保存到指定的路径。
4. 通过API接口返回图片的访问路径。
5. 在小程序中显示上传的图片。
如果需要修改上传图片生成的路径,可以在服务器端进行配置。具体步骤如下:
1. 打开服务源好器端的配置文件,例如config.js。
2. 在配置文件中找到图片上传路径的配置项。
3. 修改配置项的值,将图片上传路径修改为需要的路径雹滑铅。
4. 保存配置文件。
5. 重启服务器,使配置生效。
需要注意的是,修改上传图片生成的路径可能会影响到其他功能的正常使用。因此,在修改配置文件让掘之前,需要仔细审查配置文件中的其他配置项,并确保修改后不会影响其他功能的正常使用。
首先需获取scope.writePhotosAlbum权限。(放在wx.getSetting之前调用,建议放在onload中)
整理一下,处理用户拒绝授权的情况
授权完成后执行保存图片,先看看微信的开发文档,需注意我用红框框起来的地信槐方。
我说的两种方法一种是保存临时文件路径的图片,另一种是保存的永久文件的路径,看完两种方法怎样使用看个人选择。
还有一点需注意的是不可以使用网络图片路径,否则保存图片失败,提示路径错误,找不到图片路径。
永久图片路径即保存在微信小程序项目中的图片,例如:'imgs/index/1.png'
页面中给图片标签一个点击事件,绑定保存图片的方法,我把滑卖友js方法贴上,非常简单。
先进行授权,授权成功后调用微信api即可
这个就有点麻烦,需调配配用wx.getImageInfo或者wx.downloadFile,而调用这个api需在后台进行配置,把需用到的图片接口添加进去。
具体配置,登录微信公众平台,在开发---开发设置---服务器域名---添加downloadFile合法域名。
有两种写法:
image标签首先绑定tap事件,然后绑定闷顷属性data-imgsrc=图片路径,在绑定的tap事件中获碧罩晌取imgsrc;比如:
getImageSrc:function(res){console.log(res)
var 悔锋imgsrc= res.target.dataset.imgsrc
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)