wx小程序上传图片到服务器，预览，下载

zero_or_

于 2021-10-09 12:55:27 发布

阅读量377

点赞数

文章标签：小程序

本文链接：https://blog.youkuaiyun.com/weixin_46083166/article/details/120668753

版权

本文介绍了如何在小程序中实现图片上传到SpringBoot服务器，并进行预览和下载。通过调整SpringBoot的启动类注解解决未连接数据库时的报错问题，以及配置虚拟路径解决访问图片需重启服务器的问题。

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

小程序代码

index.wxml

	<view>
        <button bindtap="upload">点击上传封面</button>
    </view>

index.js

/上传图片
    // 上传照片
    upload: function () {
        //选择图片
        wx.chooseImage({
            count: 1,
            sizeType: ['compressed'],
            sourceType: ['album', 'camera'],
            success: function (res) {
                wx.showLoading({
                    title: '上传中',
                })
                //获取图片临时地址
                const filePath = res.tempFilePaths[0]
                // 自定义云端的图片名称
                const fileName = Math.floor(Math.random() * 1000000) + filePath.match(/.[^.]+?$/)[0]
                console.log(fileName);
                // 上传到服务器存储空间
                var uploadTask=wx.uploadFile({
                    url: 'http://localhost:8080/imgUpload?fileName='+fileName,

最低0.47元/天解锁文章