欢迎访问新酱博客!

php怎么使用jquery上传图片

PHP 新酱 阅读:106 0评论

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,为了得到图片的绝对路径,需要根据自己的目录要进行拼接,例如我上面拼接的

输出到前端就是

到此图片就上传成功了。

新酱博客 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨网站采用BY-NC-SA协议进行授权
转载请注明原文链接:https://www.xiaorenjc.net/468.html
喜欢 (1)
评论头像
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址