HTML 表单文件上传不上传文件

Posted

技术标签:

【中文标题】HTML 表单文件上传不上传文件【英文标题】:HTML Form File Uploads doesn't upload file 【发布时间】:2016-05-01 07:23:54 【问题描述】:

尽管所有后端代码都正确,但文件并未上传。我用另一个前端样式的代码测试了后端代码,它运行良好。

但在我的前端代码中,它不会上传任何文件。我也删除了所有 css 和脚本以找出问题所在。

这是我的简单前端 html 表单:

<form action="upload_handler.php" method="post">
    Select image to upload:
    <input type="file" name="fileToUpload" id="fileToUpload">
    <input type="submit" value="Upload" name="submit">
</form>

【问题讨论】:

【参考方案1】:

你忘了提到enctype="multipart/form-data"

<form action="upload_handler.php" enctype="multipart/form-data" method="post">
    Select image to upload:
    <input type="file" name="fileToUpload" id="fileToUpload">
    <input type="submit" value="Upload" name="submit">
</form>

【讨论】:

【参考方案2】:

问题在于&lt;form&gt; 标记中的属性。要成功使文件以 HTML 格式正确上传,应满足以下要求。

确保表单使用 method="post"

表单还需要以下属性:enctype="multipart/form-data"。

它指定提交表单时使用的内容类型

所以只需将这个enctype="multipart/form-data" 部分添加到您的&lt;form&gt; 标记中。

【讨论】:

以上是关于HTML 表单文件上传不上传文件的主要内容,如果未能解决你的问题,请参考以下文章

asp.net开发,form表单,file文件上传

html 表单中 上传 文件格式

支持文件上传的html表单

文件的上传(表单上传和ajax文件异步上传)

使用ajax上传表单(带文件)

文件上传表单 上传文件的细节 文件上传下载和数据库结合