form表单的Enctype=multipart/form-data-优快云博客

本文链接：https://blog.youkuaiyun.com/DeliaWen/article/details/71775502

本文介绍了如何通过设置表单的enctype属性为'multipart/form-data'来实现文件上传功能，并给出了具体的HTML表单示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

表单form设置enctype=”multipart/form-data”使匿名上载文件的正确编码。
如input（type=”file”）

<div class="box">
    <form action="/editpost" method="post" enctype="multipart/form-data">
        学员姓名：<input type="text" name="username" value="<%= infoOne[0].name%>"/><br/>
        学员编号：<input type="text" name="number" value="<%= infoOne[0].num%>"/><br/>
        学员年龄：<input type="text" name="age" value="<%= infoOne[0].age%>"/><br/>
        学员信息：<input type="text" name="status" value="<%= infoOne[0].info%>"/><br/>
        学员头像：<img src="http://127.0.0.1:8022/<%= infoOne[0].photo%>" alt=""/><br/>
        修改头像：<input type="file" name="photo" value="<%= infoOne[0].photo%>"/><br/>
        <input type="hidden" name="id" value="<%= infoOne[0]._id%>"/>
        <input type="submit" value="提交信息" class="btn"/>
    </form>
</div>

又或者使用xhEditor插件，如

    <form action="/addPost" method="post" enctype="multipart/form-data">
            <p>
                文章标题: <input type="text" name="title"/>
            </p>
            <p>
                文章分类:
                <select name="catid">
                    <option value="1">javascript</option>
                    <option value="2">html5</option>
                    <option value="3">css</option>
                </select>
            </p>
            <p>
                文章详情: **<textarea name="content" id="content" width="400" height="300"></textarea>**
            </p>
            <p>
                <input type="submit" value="提交"/>
        </p>
    </form>

enctype=”multipart/form-data”是设置表单的MIME编码。默认上传类型是application/x-www-form-urlencoded，不能用于文件上传；使用enctype=”multipart/form-data”才能上传文件。
enctype=”multipart/form-data”是上传二进制数据; form里面的input的值以2进制的方式传过去。