uniapp上传获取文件名称

uniapp yekong

在uni-app中上传文件并获取文件名称,可以通过使用uni.uploadFile()方法来实现文件的上传。在上传文件之前,如果需要获取文件的名称,可以使用uni-app内置的FileSystem API来处理文件信息。具体来说,可以使用uni.getFileInfo()方法获取文件的详细信息,包括文件名称。

以下是一个基本的示例,展示了如何在上传文件前获取文件名称,并进行上传:

uni.chooseImage({
  success: chooseResult => {
    // 用户选择文件后的回调,chooseResult.tempFilePaths存储了文件的临时路径
    const filePath = chooseResult.tempFilePaths[0];
    
    // 使用getFileInfo获取文件信息
    uni.getFileInfo({
      filePath: filePath,
      success: fileInfoResult => {
        console.log('文件名称:', fileInfoResult.fileName); // 输出文件名称
        
        // 进行文件上传
        uni.uploadFile({
          url: 'YOUR_SERVER_URL', // 替换为你的上传地址
          filePath: filePath,
          name: 'file', // 根据服务器端的字段名来设置
          formData: {
            'user': 'test' // 其他需要一同提交的数据
          },
          success: uploadResult => {
            console.log('上传成功', uploadResult);
          },
          fail: uploadError => {
            console.error('上传失败', uploadError);
          }
        });
      },
      fail: fileInfoError => {
        console.error('获取文件信息失败', fileInfoError);
      }
    });
  }
});

在这个示例中,首先使用uni.chooseImage()方法让用户选择文件(这里以图片为例)。成功选择后,通过uni.getFileInfo()方法获取文件的信息,包括文件名称。然后,使用uni.uploadFile()方法将文件上传到服务器。

请注意,示例中的uni.getFileInfo()方法并没有直接返回文件名称的属性。实际上,uni.getFileInfo()方法主要用于获取文件的大小、类型等信息。如果需要获取文件名称,通常是通过文件路径来解析或者在选择文件时直接获取。示例代码中关于fileInfoResult.fileName的使用可能需要根据实际API的返回值进行调整。在实际应用中,文件名称可能需要开发者根据文件路径自行解析或通过其他方式获取。

喜欢