当前位置:首页 » 《关于电脑》 » 正文

uniapp上传图片 前端以及java后端代码实现

4 人参与  2024年04月25日 13:50  分类 : 《关于电脑》  评论

点击全文阅读


最近在做uniapp相关的开发,在上传图片的时候遇到了一些问题,所幸经过一些努力,解决开发过程中遇到的困难,记录一下uniapp上传图片的实现过程

1、前端代码

setPic1: function() {var me = this;var serverUrl = this.serverUrl;uni.chooseImage({count: 1,sizeType: ['original', 'compressed'],    success: function(res) {        const tempFilePaths = res.tempFilePaths[0];        uni.uploadFile({            url: serverUrl+ '/api/common/upload',            filePath: tempFilePaths,            name: 'file',success: (myres) => {var jsonObject = JSON.parse(myres.data);if(jsonObject.code == 0){var imageUrl = jsonObject.data.url;me.businessLicencesUrl = imageUrl;me.isUploadimg = true;}}                    });    }}); },

uploadFile中URL指向的是自己的上传接口, filePath就是一个临时路径

2、java的后端代码

@ApiOperation("图片上传")    @PostMapping("/common/upload")    public AjaxResult uploadFile(HttpServletRequest request) throws Exception    {        try        {            // 上传文件路径            String filePath = IMAGEHOME;             MultipartHttpServletRequest req = (MultipartHttpServletRequest) request;             //对应前端的upload的name参数"file"            MultipartFile file = req.getFile("file");            // 上传并返回新文件名称            String fileName = FileUploadUtils.upload(filePath, file);            String url = serverConfig.getUrl() + fileName;            Map<String, Object> result = new HashMap<>();            result.put("fileName", fileName);            result.put("url", url);            return AjaxResult.success(result);        }        catch (Exception e)        {            return AjaxResult.error(e.getMessage());        }    }

测试图片上传的功能,最后真机测试,或是通过小程序测试,PC端调试的时候,uniapp生成的临时文件路径可能会有问题,至此图片上传功能完成。 

 

 

 


点击全文阅读


本文链接:http://m.zhangshiyu.com/post/100005.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 沈锦殊(宠妾灭妻?虐渣高嫁我被权宠天下)前文+全本完整阅读预售作品抢先看
  • 独家周屿,林小柔,江宇城小说小说大结局(重生后,我冷眼看未婚夫小秘书给甲方爸爸送盗版labubu)全篇在线下载阅读
  • 重生后,我送渣男下地狱见阎罗王续集_苏景琛笑笑老太太听书_小说后续在线阅读_无删减免费完结_
  • 一百,解释,油漆小说(高考过后,我给擦边男主播刷了一百万)TXT无套路在线+无广告结局
  • 掏空我后,全家逼我卖婚房未删减_妹妹宝马老公番茄热门_小说后续在线阅读_无删减免费完结_
  • 纪君范,亓霏霏小说完本章节前文+全篇阅读(被小三的反击战)连载中
  • 陈春花,池言(重生后,摆脱吸血鬼老公一家)前文+全本完整阅读预售作品抢先看
  • 错认皇太女后,三个皇夫悔疯了后续结局_春桃长青魏昭看点十足_小说后续在线阅读_无删减免费完结_
  • (重生后,恶毒女配拿稳白月光剧本)江朝华燕景最终篇章(江朝华燕景)全书在线无广告高口碑小说
  • 女儿遇险命悬一线,我却见死不救后续+完结_小姑娘雷达安静读者推荐_小说后续在线阅读_无删减免费完结_
  • 黎夏林意深:结局+番外新上热文新章速递京港缠绵,他独宠娇梅:结局+番外评价五颗星
  • 陈春花,池言小说全文免费阅读(重生后,摆脱吸血鬼老公一家)全文免费阅读无弹窗_陈春花,池言小说全文免费阅读_笔趣阁

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1