PHP base64 编码转化图片并进行指定路径的保存和上传处理

本文介绍了在前端使用base64编码上传图片,通过修改js代码实现图片编码传递给后台。后台PHP通过base64_image_content函数将编码转为本地图片并保存,同时强调了绝对路径的重要性,并提醒注意数据传输的规范性和兼容性问题。
摘要由CSDN通过智能技术生成

背景

  • 前两天在做图片上传的功能优化,发现了一个效果比较好的 JQuery 插件(H5移动前端图片批量压缩上传),看其中的介绍是使用了 base64 编码的方式进行上传

  • 个人在使用过程中,做了简单处理,只需向后台传输 base64 编码数据即可,然后后台进行处理,下面主要介绍我的操作流程,可做参考.

一. 前端处理

①. js 代码修改

  • 本着不做过多更改的原则,在处理好页面布局后,我只是修改了源代码中的 upload() 方法.

处理目的

  1. 将获取的 base64 编码传到后台,如果后台顺利处理完毕,会返回它的存储路径,然后我进行了多图片存储路径在页面上(隐藏域)的拼接,方面后面提交后的数据库数据存储

  2. 如果没有成功,则会返回错误提示信息

//    图片上传,将base64的图片转成二进制对象,塞进formdata上传
    function upload(basestr, type, $li) {
        var text = window.atob(basestr.split(",")[1]);
        var buffer = new Uint8Array(text.length);
        
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值