建议使用真机测试
一.my.chooseImage: 拍照或从手机相册中选择图片,默认1张,可以设置参数count来选择 上限9张;点击完成后成功返回apFilePaths数组,里面包含图片的类型和base64编码的图片路径信息; 代码示例如下:
my.chooseImage({ chooseImage: 2, success: (res) => { img.src = res.apFilePaths[0]; }, });
二. my.previewImage: 预览图片;当前图片索引默认为0,current设置预览的图片数量,urls接收一个数组类型的图片链接列表; 代码示例如下:
my.previewImage({ current: 2, urls: [ 'https://img.alicdn.com/tps/TB1sXGYIFXXXXc5XpXXXXXXXXXX.jpg', 'https://img.alicdn.com/tps/TB1pfG4IFXXXXc6XXXXXXXXXXXX.jpg', 'https://img.alicdn.com/tps/TB1h9xxIFXXXXbKXXXXXXXXXXXX.jpg' ], });
三. my.saveImage:
1. 保存在线图片到手机相册: 代码示例:
my.saveImage('https://img.alicdn.com/tps/TB1sXGYIFXXXXc5XpXXXXXXXXXX.jpg');
2. 图片上传: 使用my.chooseImage拍照或从手机相册中选择图片接口得到返回的图片路径信息,通过调用my.uploadFile文件上传接口可以使用来实现图片的上传服务器落库等操作;为了更好的体验可以使用my.previewImage预览图片接口查看选中的图片,从而选择是否增删;代码示例:
//使用my.chooseImage选择图片,得到返回的图片路径信息 my.chooseImage({ count:9, success: function(res){ //调用my.uploadFile文件上传接口 my.uploadFile({ url: 'xxx', // 开发者服务器地址 filePath:'xxx', // 要上传文件资源的本地定位符 fileName: 'xxx', // 文件名,即对应的 key, 开发者在服务器端通过这个 key 可以获取文件二进制内容 fileType: 'image', // 文件类型,image/video success: function(res){ //成功执行 }, complete: function(res){ //不管成不成功都执行 }, }); }, });
注意:文件上传fileType目前只支持image和video两种类型;url写的是服务器地址,需解决跨域问题,即前往开发者管理中心,找到相应的小程序应用添加域名白名单。
3.保存图片: 使用my.saveImage保存在线图片到手机相册,从而实现下载图片的效果;在这提供一下我个人的理解,有什么不对和需要补充之处还请不吝赐教,谢谢各位看官啦!