在tp3.2.3中使用 FormData 对象实现表单的文件上传功能遇到的一个问题及解决方法

最新推荐文章于 2021-08-06 15:00:35 发布

yibin94

最新推荐文章于 2021-08-06 15:00:35 发布

阅读量3k

点赞数

分类专栏： PHP

本文链接：https://blog.csdn.net/inite/article/details/78004870

版权

本文记录了在ThinkPHP 3.2.3框架中使用FormData对象进行表单文件上传时遇到的问题及解决方法。通过调整代码，最终成功实现了文件上传功能。

摘要由CSDN通过智能技术生成

表单的html代码如下：

<form name="addForm" id="addForm" action="__SELF__" method="post" enctype="multipart/form-data">
    商品logo：<input type="file" name="goods_logo" />
    ...
    <input type="submit" value="提交" οnclick="testAjax();"/>
</form>

因为上述操作包含了上传文件的操作，而普通ajax无法实现文件上传，经过百度有使用FormData对象与插件这两种方法，详见前一篇转载的博文，于是我就尝试了一下FormData对象的方法。
情景：我要利用thinkPHP3.2.3框架实现增加商品时对其输入数据合法性的验证之后到前台提示，一开始是通过内置的跳转函数实现的跳转提示，会跳到一个页面显示再返回，这样给人的视觉体验很不好，于是想修改为ajax方式来实现异步更新数据而不刷新此页面，也不离开此页面，而是通过alert弹出警告框来提示用户输入数据的合法性与否。因为商品的表单数据中包含文件，所以一开始使用ajax时使用jquery内置的收集数据的方法：$("form").serialize