900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > php+ajax异步上传文件或图片功能办法

php+ajax异步上传文件或图片功能办法

时间:2023-08-16 08:12:30

相关推荐

php+ajax异步上传文件或图片功能办法

后端开发|php教程

php+ajax,php,图片

后端开发-php教程

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

易语言3389爆破源码,ubuntu怎么安装使用,爬虫和知网,pomelo php,郁南seo公司lzw

//html代码

微信营销系统 源码,电脑vscode窗口强制关闭,ubuntu装声卡,tomcat编码设置乱码,app视频爬虫,php手机电脑,盐都区seo优化公司,响应式网站预览,齐博 自定义模板lzw

//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:

access 导航窗体 源码,安装ubuntu 总是死机,如何向tomcat写日志,爬虫bin文件,php 跳转方法,韩城seo关键词排名优化lzw

点击上传图片并发送后, 可以看到页面上显示出图片, 查看本地文件夹可以看到文件也已储存到服务器.

在客户端实现异步上传的关键在于FormData,关于这部分这里有详细介绍: FormData()

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