海川开心-修复图片上传问题

周宾

7 天以前 353446ec9194962845f5824c1ddcf0aebdaf2662

 src/pages/inspectionUpload/index.vue

@@ -174,7 +174,7 @@
                <view class="upload-buttons">
                  <u-button 
                    type="primary" 
                    @click="chooseImage"
                    @click="chooseMedia('image')"
                    :loading="uploading"
                    :disabled="getCurrentFiles().length >= uploadConfig.limit"
                    :customStyle="{ marginRight: '10px', flex: 1 }"
@@ -184,12 +184,12 @@
                  </u-button>
                  <u-button 
                    type="success" 
                    @click="chooseVideo"
                    @click="chooseMedia('video')"
                    :loading="uploading"
                    :disabled="getCurrentFiles().length >= uploadConfig.limit"
                    :customStyle="{ flex: 1 }"
                  >
                    <u-icon name="video" size="18" color="#fff" style="margin-right: 5px;"></u-icon>
                    <uni-icons type="videocam" name="videocam" size="18" color="#fff" style="margin-right: 5px;"></uni-icons>
                    {{ uploading ? '上传中...' : '拍视频' }}
                  </u-button>
                </view>
@@ -212,13 +212,13 @@
                  >
                    <view class="file-preview-container">
                      <image 
                        v-if="file.type === 'image'"
                        :src="file.url || file.tempFilePath || file.path" 
                        v-if="file?.path?.fileType === 'image'"
                        :src="file?.url || file?.tempFilePath?.tempFilePath || file?.path?.tempFilePath" 
                        class="file-preview"
                        mode="aspectFill"
                      />
                      <view v-else class="video-preview">
                        <u-icon name="video" size="24" color="#409eff"></u-icon>
                        <uni-icons type="videocam" name="videocam" size="18" color="#fff" style="margin-right: 5px;"></uni-icons>
                        <text class="video-text">视频</text>
                      </view>
                      
@@ -439,9 +439,9 @@
  if (process.env.VUE_APP_BASE_API) {
    baseUrl = process.env.VUE_APP_BASE_API;
  } else if (process.env.NODE_ENV === 'development') {
    baseUrl = 'http://192.168.1.147:9036';
    baseUrl = 'http://114.132.189.42:9068';
  } else {
    baseUrl = 'http://192.168.1.147:9036';
    baseUrl = 'http://114.132.189.42:9068';
  }
  
  return baseUrl + uploadConfig.action;
@@ -702,8 +702,10 @@

// 获取当前分类的文件列表
const getCurrentFiles = () => {
   console.log('currentUploadType',currentUploadType.value)
  switch (currentUploadType.value) {
    case 'before':
   console.log('beforeModelValue',beforeModelValue.value)
      return beforeModelValue.value
    case 'after':
      return afterModelValue.value
@@ -1007,6 +1009,54 @@
  })
}

// 使用相机
const chooseMedia = (type) => {
   let mediaPamaes={
      count: 1,
      mediaType:[type||'image'],
      sizeType: ['compressed', 'original'],
      sourceType: ['camera'],
   }
   uni.chooseMedia({
     ...mediaPamaes,
     success: (res) => {
       try {
         if (!res.tempFiles || res.tempFiles.length === 0) {
           throw new Error('未获取到图片文件');
         }
	      
         const tempFilePath = res.tempFiles[0];
         const tempFile = res.tempFiles && res.tempFiles[0] ? res.tempFiles[0] : {};
	      
         const file = {
           tempFilePath: tempFilePath,
           path: tempFilePath, // 保持兼容性
           type: 'image',
           name: `photo_${Date.now()}.jpg`,
           size: tempFile.size || 0,
           createTime: new Date().getTime(),
           uid: Date.now() + Math.random()
         };
	      
         handleBeforeUpload(file);
       } catch (error) {
         console.error('处理拍照结果失败:', error);
         uni.showToast({
           title: '处理图片失败',
           icon: 'error'
         });
       }
     },
     fail: (err) => {
       console.error('拍照失败:', err);
       uni.showToast({
         title: '拍照失败: ' + (err.errMsg || '未知错误'),
         icon: 'error'
       });
     }
   })
}

// 拍照
const chooseImage = () => {
  if (uploadFiles.value.length >= uploadConfig.limit) {
@@ -1017,17 +1067,18 @@
    return;
  }
  
  uni.chooseImage({
  uni.chooseMedia({
    count: 1,
   mediaType:['image', 'video'],
    sizeType: ['compressed', 'original'],
    sourceType: ['camera'],
    success: (res) => {
      try {
        if (!res.tempFilePaths || res.tempFilePaths.length === 0) {
        if (!res.tempFiles || res.tempFiles.length === 0) {
          throw new Error('未获取到图片文件');
        }
        
        const tempFilePath = res.tempFilePaths[0];
        const tempFilePath = res.tempFiles[0];
        const tempFile = res.tempFiles && res.tempFiles[0] ? res.tempFiles[0] : {};
        
        const file = {
@@ -1229,7 +1280,7 @@
  number.value++; // 增加上传计数
  
  // 确保文件路径正确
  const filePath = file.tempFilePath || file.path;
  const filePath = file.tempFilePath?.tempFilePath || file.path?.tempFilePath||'';
  if (!filePath) {
    handleUploadError('文件路径不存在');
    return;
@@ -1254,7 +1305,7 @@
      'Authorization': `Bearer ${token}`
    }
  };
  
  console.log('uploadParams',uploadParams)
  const uploadTask = uni.uploadFile({
    ...uploadParams,
    success: (res) => {
@@ -1334,6 +1385,7 @@

// 上传成功回调
const handleUploadSuccess = (res, file) => {
   console.log(res,file)
  if (res.code === 200 && res.data && Array.isArray(res.data) && res.data.length > 0) {
    const uploadedFile = res.data[0];