useChooseImage.js 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. import config from "@/config";
  2. import {useUserStore} from "@/hooks/useUserStore";
  3. export const useChooseImage = function () {
  4. const {token} = useUserStore()
  5. /*
  6. * @description 选择图片上传
  7. * @param {successCallback} 上传图片成功后的回调
  8. * @param {type} 可选参数,类型,默认为6
  9. * @value 10 竞赛
  10. * @value 8 临时文件本地路径
  11. * @value 7 试题收藏
  12. * @value 6 答题附件
  13. * @value 5 微课文件库
  14. * @value 4 app上传视频
  15. * @value 3 校本资源库
  16. * @value 2 云库
  17. * @value 1 个人资源库
  18. * @value 0 默认路径
  19. * @param {count} 限制数量,默认为1
  20. */
  21. const chooseImage = function (successCallback, type = 6, count = 1) {
  22. const uploadUrl = config.serverBaseUrl + '/common/uploadFile2OSS/' + type
  23. uni.chooseImage({
  24. count: count, //默认9
  25. sourceType: ['album', 'camera'],
  26. success: (res) => {
  27. const tempFilePaths = res.tempFilePaths;
  28. uni.showLoading();
  29. uni.uploadFile({
  30. url: uploadUrl,
  31. header: {
  32. Authorization: 'Bearer ' + token.value,
  33. },
  34. filePath: tempFilePaths[0],
  35. name: 'file',
  36. success: (uploadFileRes) => {
  37. const data = JSON.parse(uploadFileRes.data);
  38. successCallback(data)
  39. },
  40. complete: () => {
  41. uni.hideLoading();
  42. }
  43. })
  44. }
  45. })
  46. }
  47. const chooseAvatar = function (successCallback) {
  48. const uploadUrl = config.serverBaseUrl + '/system/user/profile/avatar'
  49. uni.chooseImage({
  50. count: 1, //默认9
  51. sourceType: ['album', 'camera'],
  52. success: (res) => {
  53. const tempFilePaths = res.tempFilePaths;
  54. uni.showLoading();
  55. uni.uploadFile({
  56. url: uploadUrl,
  57. header: {
  58. Authorization: 'Bearer ' + token.value,
  59. },
  60. filePath: tempFilePaths[0],
  61. name: 'avatarfile',
  62. success: (uploadFileRes) => {
  63. const data = JSON.parse(uploadFileRes.data);
  64. successCallback(data)
  65. },
  66. complete: () => {
  67. uni.hideLoading();
  68. }
  69. })
  70. }
  71. })
  72. }
  73. const previewImage = function (url, current = 0) {
  74. const urls = [].concat(url)
  75. uni.previewImage({
  76. urls: urls,
  77. current: current,
  78. indicator: urls.length > 1 ? 'number' : 'none',
  79. fail: function (e) {
  80. console.log('previewImage failed:', e)
  81. }
  82. })
  83. }
  84. return {chooseImage, chooseAvatar, previewImage}
  85. }