如何通过ajax上传图片

 时间:2024-10-13 09:30:01

我们经常会遇到怎样上传图片并显示出来这样的问题?下面我来和大家一起分享一下我的经验

如何通过ajax上传图片如何通过ajax上传图片

js块

1、var formData = new FormData();formData.append('file', $(basic熠硒勘唏file)[0].files[0]); //添加图片信息的参数formData.append('sizeid', 123); //添加其他参数FormData是一个对象,FormData类型其实是在XMLHttpRequest 2级定义的,它是为序列化表以及创建与表单格式相同的数据(当然是用于XHR传输)提供便利。使用formData.append()可以放入你需要传递的信息,提交后,后端会返回图片地址,我们可以根据图片地址显示在页面上的哦

如何通过ajax上传图片如何通过ajax上传图片

后端

1、if(!empty($geturl)){ //删除原图片 $pics_name = C('UPLOADFILEPATH') . 'Club/' . $geturl; @unlink($pics_name);}这步我是根据查看数据库是否有该图片,有就删除,这步可以去掉的

如何通过ajax上传图片

2、结果是这样的,希望可以帮到大家

如何通过ajax上传图片如何通过ajax上传图片
  • 星尘物语剧情攻略
  • 《中国式家长》小技巧
  • 颈部怎么清洁, 6个要诀打造细滑美颈
  • 如何与客户进行销售面谈?
  • lol薇恩VN如何快速AQA打出秒速W
  • 热门搜索
    韩国恐怖电影大全 章太炎简介 叠纸大全 影视大全在线 怎么变成瓜子脸 ie怎么升级 简介怎么写 狗图片大全大图 纤维瘤是怎么形成的 简笔画大全图片