php怎么使用jquery上传图片

新酱
140
文章
36
评论
2019年8月13日15:27:14 评论 3,130 828字阅读2分45秒

php怎么使用jquery上传图片

最近新酱在开发后台的时候需要上传图片到服务器保存并返回图片在服务器的绝对路径,搜寻了一番,没有找到自己想要的答案,最后沿用老办法,在前端将图片转成base64,然后发ajax到php后端,php根据base64再将图片绘出来保存,经过测试,效果很好。

php怎么使用jquery上传图片

html前端代码

这是我临时写出来的表单,并没有任何的样式。

jquery代码

在head区域引入jquery

使用jquery上传base64字符串

$("#uploaderweima")获取到二维码的上传file,change()是当file内容变化的时候需要干什么(选择好图片点击确定的时候file的值就会发生改变),var file = this.files[0];获取到选择的图片,使用FileReader()类将图片转换成base64字符串,var img_data = this.result;中的this.result就是转换后的base64字符串。

此时就可以用ajax发post请求到php后端保存图片了。

php后端代码

$img_data获取到前台传过来的base64代码,再使用上述的代码将base64绘成上传的图片,$path是图片的保存位置,$new_file是组合后的图片名,类似于 1565676005.jpg,最后echo输出的就是images/1565676005.jpg,为了得到图片的绝对路径,需要根据自己的目录要进行拼接,例如我上面拼接的

输出到前端就是

到此图片就上传成功了。

  • 版权声明: 发表于 2019年8月13日15:27:14
  • 转载注明:https://www.xiaorenjc.net/468.html

您必须才能发表评论!