哦哦，巨大家晓得吗？我们平时在网上kan到那么许多优良kan的图片，dou是怎么上传的呢？今天我要来和巨大家分享一个神奇的方法，就是用uniapp上传图片哦！这样我们就Neng在手机上轻巧松上传图片啦，迅速来kankan吧！

一、 uniapp图片上传的两种方法

uniapp给了方便容易用的API进行图片上传操作，基本上包括两种方法：uni.chooseImage和uni.uploadFile

先说说我们要从相册中选择图片，Neng用uni.chooseImage这玩意儿函数。它的用法是这样的：

// 从相册中选择图片
uni.chooseImage({
    count: 9, //选择图片的数量， 默认9
    sizeType: , //原图、压缩图或者两者dou有，Neng指定原图或压缩图，默认两者dou有
    sourceType: , //从相册选择
    success: function {
        const tempFilePaths = res.tempFilePaths; // 返回选定照片的本地文件路径列表
    }
})

然后我们要把图片上传到服务器，这玩意儿步骤就用到uni.uploadFile了。它的用法是这样的：

// 上传图片到服务器
uni.uploadFile({
    url: 'http://example.com/upload',
    filePath: 'tempFilePaths',
    name: 'file',
    formData: {
        'user': 'test'
    },
    success: function {
        console.log;
    }
})

二、 uniapp前端图片上传

在uniapp中实现前端图片上传，Neng用第三方插件或者自己编写组件。下面是一个轻巧松的用uni.uploadFile进行图片上传的示例：

在uniapp index.vue中导入图片的方法 在uniapp和index.vue中导入图片的方法有所不同,uniapp中导入图......

哦哦，这里优良像有个错别字哦，是“导入图片的方法”吗？我觉得得是“导入图片的方法”，哈哈，我是个细小学生哦，兴许不太懂这些个专业的术语呢。

三、 提升用户体验的细小技巧

哦，说到上传图片，我们当然要提升用户体验啦！下面我给巨大家分享几个细小技巧：

• 上传进度提示：告诉用户上传进度，让用户晓得自己的图片正在上传哦。
• 错误处理：Ru果上传输了了要给用户一个清晰的错误提示，让用户晓得怎么解决。
• 图片压缩：上传前压缩图片，这样上传速度会geng迅速哦。

哦哦，今天的分享就到这里啦！希望巨大家douNeng用uniapp上传图片，提升自己的用户体验哦！下次再见啦！