php上传图片代码编辑 图片上传的整个流程我们都准备好了(图)php图片上传代码
2022-02-13
“小白!还记得我们之前说的异步加载数据的ajax方法吗?”
“记住了,我这里还有之前的代码,你看看是不是这个?”
老朱:“嗯php上传图片代码编辑,对了seo优化,把昨天得到的图片代码通过ajax发送到上传图片的页面,php页面可以将图片存储在服务器上。”
小白:“可是我不懂PHP!怎么办?”
老朱:“没关系网站建设,你不需要知道php如何将图片保存到服务器,你只需要知道如何将图片发送到上传图片的php页面->处理返回的结果。为了更好地理解这个功能,你可以看看这个php页面的结构。
"获取$发送的图片编码信息,然后将图片保存到服务器,如果存储成功,成功标志为1,返回图片地址,如果存储失败,设置为0 。”
老朱继续说道:“现在我们来尝试和上传图片的页面进行ajax通信,这个页面和当前图片上传的html页面是同一个目录,所以php页面名(.php)可以直接在网址。”
"注意数据中发送的变量参数名称要与php页面中POST中的名称一致,fr.是我们昨天得到的图片代码,现在我们执行下面的页面,看看能不能上传图片。”
“返回的json数据值为1表示图片已经上传到服务器。”
小白:“如果我介绍一下我们之前做的提示信息控件,通过返回的信息,可以提示用户图片上传是否成功!稍等php上传图片代码编辑,我在此基础上改一下。”
老朱:“嗯,你做的不错,图片上传后返回的状态和图片地址很重要。由于图片上传是异步过程,所以图片上传完成后,我们需要做后续根据状态和图片地址进行操作。”
“上传图片的全流程我们已经准备好了,通过压缩图片上传图片,我们只需要在现在的基础上增加处理,明天再讨论这个话题,你今天先上传整张图片,熟悉一下自己参与这个过程。”
异步加载(小白成长之路26),提示信息控制(小白成长之路35),图片上传(小白成长之路48、49)继续本节)。本节完整的js代码如下:
想学H5的朋友可以关注老路,你们的关注是我继续更新《小白成长之路》的动力!