200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > php如何利用ajax实现异步上传文件的功能详解

php如何利用ajax实现异步上传文件的功能详解

时间:2021-10-08 22:37:07

相关推荐

php如何利用ajax实现异步上传文件的功能详解

后端开发|php教程

ajax,php,异步

后端开发-php教程

这篇文章主要为大家详细介绍了php+ajax实现异步上传文件或图片功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

口令红包 源码,怎么下载旧版ubuntu,jdk8 tomcat几,matlab爬虫技术,php自学和培训,东莞实力强关键词seo优化定制lzw

租赁网站毕业设计含源码,vscode终端进程错误,ubuntu窗口安装,tomcat 文件防篡改,可视化sqlite数据库,老男孩全栈爬虫数据分析第六讲,php pdf 显示,泰兴seo外包放心选择,网站屏蔽ip代码,精品源码 网赚项目营销模板lzw

//html代码

商业企业源码,ubuntu安装l联网,服务器tomcat接线图,b站漫画爬虫,基于php婚恋交友论文结束语,绅士论坛seolzw

//js代码(:button).click(function(event) {//formdata储存异步上传数据 var formData = new FormData($(form)[0]); formData.append(file,$(:file)[0].files[0]); //坑点: 无论怎么传数据,console.log(formData)都会显示为空,但其实值是存在的,f12查看Net tab可以看到数据被上传了 $.ajax({ url:formtest.php, type: POST, data: formData, //这两个设置项必填 contentType: false, processData: false, success:function(data){ console.log(data) var srcPath = data; console.log(); //注意这里的路径要根据自己的储存文件的路径设置 $(.picDis img).attr(src, ..+srcPath); } }) });

php:

点击上传图片并发送后, 可以看到页面上显示出图片, 查看本地文件夹可以看到文件也已储存到服务器.在客户端实现异步上传的关键在于FormData,关于这部分这里有详细介绍: FormData()

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。