uniapp中文件上传

最新推荐文章于 2025-04-28 17:15:12 发布

简单的小伙子

最新推荐文章于 2025-04-28 17:15:12 发布

阅读量1.9k

点赞数 1

文章标签： uni-app vue js

本文链接：https://blog.youkuaiyun.com/weixin_44226789/article/details/114593057

版权

本文详细介绍了在uni-app框架中进行文件上传的步骤和技巧，结合实例代码，解析了如何利用vue和js实现文件上传功能，对于uni-app开发者具有实践参考价值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

addPic : function(){
                let token = this.token()
                let url = "路径";
                var that = this;
                uni.chooseImage({
                    count: 1,
                    sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有 
                    sourceType: ['album','camera'], //从相册选择
                    success: function (res) {
                        const tempFilePaths = res.tempFilePaths;
                        //图片上传
                        const uploadTask = uni.uploadFile({
                            url : url,
                            filePath: tempFilePaths[0],
                            name: 'head_img',
                            success: function (uploadFileRes) {
                                const back = JSON.parse(uploadFileRes.data);
                                //图片显示赋值
                                that.personData.head_img = back.data
                            }
                        });
                    },
                    error : function(e){
                        console.log(e);
                    }
               });
            },

此篇博客借鉴了别人博客。