热门关键字:
jquery > jquery教程 > jquery教程 > php和ajax实现图片上传

php和ajax实现图片上传

420
作者:管理员
发布时间:2021/6/15 18:09:14
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4940
  整体思路:


  1、创建input设置type=file,id=file,样式设置opacity:0,position:absolute


  2、创建一个遮罩层,并设置position:absolute并且z-index大于file


  3、创建FormData对象,把file放到FormData中做为数据


  4、创建ajax,发送FormData数据到upload.php,监听ajax的progress事件,实时返回上传进度


  5、在html页面输出服务器的响应


  6、上传完成之后,点击“继续上传”按钮,打开文件选择框,可继续上传。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐