当前位置:   article > 正文

微信小程序实现压缩图片并以文件流的方式上传接口(纯微信小程序)_微信小程序选择图片转成文件流

微信小程序选择图片转成文件流
  1. // 上传图片
  2. uploadImages() {
  3. var that = this; // 将当前页面的上下文赋值给 that 变量
  4. // 在某个事件处理函数中调用以下代码
  5. wx.chooseImage({
  6. count: 1, // 最多可以选择的图片数量,这里设为1
  7. sourceType: ['album'], // 从相册选择
  8. success: function (res) {
  9. // 选择成功后,res.tempFilePaths 是选定的图片的本地文件路径列表
  10. const tempFilePath = res.tempFilePaths;
  11. wx.compressImage({
  12. src: tempFilePath[0],
  13. quality: 80, // 设置压缩质量,范围为 0-100
  14. success: function (res) {
  15. const compressedFilePath = res.tempFilePath;
  16. console.log(compressedFilePath, 'compressedFilePath');
  17. // 压缩后的图片路径进行的后续操作
  18. try {
  19. const userinfo = wx.getStorageSync('userinfo')
  20. let data = compressedFilePath
  21. wx.uploadFile({
  22. // 上传接口路径
  23. url: 'http://localhost:8090/remote/currency/import_picture',
  24. filePath: data,
  25. name: 'file', // 上传文件对应的 key 名称
  26. method: 'post',
  27. header: {
  28. 'content-type': 'application/form-data',
  29. 'Authorization': userinfo.token
  30. },
  31. // data: data
  32. success: function (res) {
  33. // 上传成功后的处理逻辑
  34. that.setData({
  35. imageSrc: JSON.parse(res.data).msg // 将选择的图片路径设置为页面数据的某个属性
  36. });
  37. },
  38. fail: function (res) {
  39. // 上传失败后的处理逻辑
  40. console.log(res, '上传失败后的处理逻辑');
  41. }
  42. })
  43. } catch (e) {}
  44. },
  45. fail: function (err) {
  46. // 压缩失败的处理
  47. console.error(err);
  48. }
  49. });
  50. }
  51. });
  52. },

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/326033
推荐阅读
相关标签
  

闽ICP备14008679号