h5移动开发Ajax上传多张Base64格式图片(前端发送及后端验证)

雨点打透心脏的1/2处 2022-06-15 00:11 126阅读 0赞

前端部分在这里(亲测可用)

http://blog.csdn.net/woyidingshijingcheng/article/details/72461349

后端代码，就base64进行解码之后，保存

@ResponseBody
        @RequestMapping(value = "/addGoodsBase64", method = RequestMethod.POST, produces = "application/json;charset=UTF-8")
        public Response addGoodsBase64(@RequestParam("base64") String[] base64) {
            BASE64Decoder decoder = new BASE64Decoder();
            for (String base : base64) {
                try {
                    // Base64解码
                    byte[] b = decoder.decodeBuffer(base);
                    for (int i = 0; i < b.length; ++i) {
                        if (b[i] < 0) {
       // 调整异常数据
                            b[i] += 256;
                        }
                    }
                    // 生成jpeg图片
                    String imgFilePath = "d://222" + UUID.randomUUID().toString() + ".png";// 新生成的图片
                    OutputStream out = new FileOutputStream(imgFilePath);
                    out.write(b);
                    out.flush();
                    out.close();
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
            return Response.success(HttpStatus.OK.value(), HttpStatus.OK.getReasonPhrase());
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，126人围观）

还没有评论，来说两句吧...

相关阅读

相关后端传验证码图片前端ajax怎么显示图片

后端传验证码图片前端,ajax怎么显示图片。验证码后端返给前端的是一张验证码的图片，如下： ![aaa902943c9a4576b4594bae82bcdd9d.png][]

朱雀/ 2023年09月23日 21:11/ 0 赞/ 155 阅读

相关移动端HTML5 上传图片(单张/多张)

转载：[https://blog.csdn.net/cdgogo/article/details/108305283][https_blog.csdn.net_cdgogo_a

青旅半醒/ 2022年10月28日 10:11/ 0 赞/ 334 阅读

相关图片上传(Base64)

图片上传(Base64) HTML <label for="pic_upload" class="file-update-title"> 标

野性酷女/ 2022年06月17日 11:16/ 0 赞/ 377 阅读

相关 h5移动开发Ajax上传多张Base64格式图片(前端发送及后端验证)

前端部分在这里(亲测可用) http://blog.csdn.net/woyidingshijingcheng/article/details/72461349 后

雨点打透心脏的1/2处/ 2022年06月15日 00:11/ 0 赞/ 127 阅读

相关基于Ajax的formData图片和数据上传(前端发送及后端验证)

前端部分在这里(亲测可用) http://blog.csdn.net/woyidingshijingcheng/article/details/72461561 相

淩亂°似流年/ 2022年06月15日 00:11/ 0 赞/ 178 阅读

相关 H5使用Base64和Canvas上传图片

参考： [https://blog.csdn.net/a515557595\_xzb/article/details/79098679][https_blog.c

Dear 丶/ 2022年05月18日 09:43/ 0 赞/ 252 阅读

相关 h5多图片上传

做了一个h5多图片上传只要了解了基本原理，那就很好理解了，可以看看注释或者在网上找找原理 <!doctype html> <html>

迷南。/ 2022年04月12日 02:28/ 0 赞/ 245 阅读

相关 vue elment-ui 一张与多张图片上传，返回base64编码 thinkphp5

注意： action为上传的后台路径地址 imageUrl：为图像的路径 accept：上传的图片格式可以自定义 $emit：操作后返回对应的数据给父级vue

深碍√TFBOYSˉ_/ 2022年04月08日 19:18/ 0 赞/ 486 阅读

相关移动端H5实现图片上传

效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmN

雨点打透心脏的1/2处/ 2022年01月25日 22:27/ 0 赞/ 1618 阅读

相关上传图片格式为base64

后端设置base64格式的图片前提：下载node.js 安装导入js脚本 ![在这里插入图片描述][20190624172552951.png]

短命女/ 2022年01月06日 07:19/ 0 赞/ 407 阅读