如何通过ajax上传图片

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

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

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

js块

1、var formData = new Form锓旆痖颧Data();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
  • 热门搜索
    诚信守法手抄报 爱的教育手抄报图片 保护动物的手抄报 清明节手抄报版面设计图 法制漫画手抄报 勤俭节约的手抄报 环保节约手抄报 校园安全知识手抄报 快乐读书手抄报内容 关于道德的手抄报