微信小程序上传照片

淡淡的烟草味﹌ 2022-02-12 16:36 372阅读 0赞

这两天在做小程序练习，遇到的问题记录如下：

1、照片上传：后台语言java

小程序端代码

**页面**

</view>

</view>

</block>

</view>

</view>

</view>

</block>

</view>

</view>

</view>

</view>

</view>

</view>

</view>

</view>

</form>

**js部分**

chooseImage2: function (e) \{

var that = this;

wx.chooseImage(\{

sizeType: \['original', 'compressed'\], // 可以指定是原图还是压缩图，默认二者都有

sourceType: \['album', 'camera'\], // 可以指定来源是相册还是相机，默认二者都有

success: function (res) \{

// 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片

wx.uploadFile(\{

url: 'http://127.0.0.1:8080/uploadtest/api/duty/upload.action',//此处域名为假域名，根据自己项目替换

filePath: res.tempFilePaths\[0\],

name: 'file',

formData:\{

'name':'123测试'

\},

success: function (res) \{

var data = res.data

console.log(data);

\});

that.setData(\{

img2s: that.data.img2s.concat(res.tempFilePaths)

\});

\})

**java代码**

@ResponseBody  
    @RequestMapping("/upload")  
    public String upload(HttpServletRequest request, @RequestParam(value = "file", required = false) MultipartFile file) throws IOException \{  
        System.out.println("执行upload");  
        request.setCharacterEncoding("UTF-8");  
        logger.info("执行图片上传");  
        String user = request.getParameter("user");  
        logger.info("user:"+user);  
        String path = null;  
        if(!file.isEmpty()) \{  
            logger.info("成功获取照片");  
            String fileName = file.getOriginalFilename();  
            String type = null;  
            type = fileName.indexOf(".") != -1 ? fileName.substring(fileName.lastIndexOf(".") + 1, fileName.length()) : null;  
            logger.info("图片初始名称为：" + fileName + " 类型为：" + type);  
            if (type != null) \{  
                if ("GIF".equals(type.toUpperCase())||"PNG".equals(type.toUpperCase())||"JPG".equals(type.toUpperCase())) \{  
                    // 项目在容器中实际发布运行的根路径  
                    String realPath = request.getSession().getServletContext().getRealPath("/");  
                    // 自定义的文件名称  
                    String trueFileName = String.valueOf(System.currentTimeMillis()) + fileName;  
                    // 设置存放图片文件的路径  
                    path = realPath + trueFileName;  
                    logger.info("存放图片文件的路径:" + path);  
                    file.transferTo(new File(path));  
                    logger.info("文件成功上传到指定目录下");  
                \}else \{  
                    logger.info("不是我们想要的文件类型,请按要求重新上传");  
                    return "error";  
                \}  
            \}else \{  
                logger.info("文件类型为空");  
                return "error";  
            \}  
        \}else \{  
            logger.info("没有找到相对应的文件");  
            return "error";  
        \}  
        return path;  
    \}