如何把图片上传到项目服务器上,APICloud开发项目如何上传图片到服务器?

最近在开发一个APP项目的项目,考虑到需要快速开发,所以选择了使用apicloud来快速开发一个APP。

在用apicloud开发项目的时候,遇到了一个比较烦恼的功能,说的简单一些就是一个图片上传的功能。如何给用户带来好的体验让用户能够快速上传发布并能浏览就成为一个难题,虽然官方给的开发文档解释的已经相当的清晰,但是开发过成功难免还是遇到了很多的坑,让开发者总是有些许小烦恼。这个api的文档写的很清楚,每个参数的功能,但是直接拿过来用的话,着实有一丢丢的坑

a80054b87c8bcfb4b297d0f51d396822.png

这个是我改了一下的代码,用着相对来说比较舒服,因为targetWidth: 750, targetHeight: 750这两个属性;官方给的都是100,直接使用体验极差

c9381f9b37228be7f68959fd732a1c1f.png

这个方法只是获取本地的图片,第一个参数sourceType,如果不写,直接注释的话买就是从手机文件中选择照片,相当的方便,选择图片或者拍照之后,会有两个返回值,在ret里面的返回值只有一个data参数是图片的本地url路径,err的话就返回错误信息。在获取到ret之后就可以调用api.ajaxa 方法上传图片到服务器了,但是这里不建议直接上传,这样的话用户选择了照片,或者拍照之后就会直接把图片上传到服务器,用户体验的效果就比较差了,这里建议把获取到的图片显示到当前的页面里面,然后再多谢一个确认上传的方法,在用户点击上传的时候,直接拿出已经获取并加载到当前页面的图片路径上传服务器就可以了。下面附上一些项目中的实例代码

第一步获取图片

74581631c77631965f081a40aa582fca.png

第二部上传获取的图片

9a49006e4a2d6f6dddb7623cee50b1d4.png

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值