简单记录 - form表单上传文件

简单记录 - form表单上传文件


<form id="wu-form-stuInfo" enctype="multipart/form-data">
    <table>
        <tr>
            <td align="right">姓名:</td>
            <td><input id="stuName" type="text" name="stuName" class="wu-text" placeholder="不能为空" /></td>
        </tr>
        <tr>
            <td align="right">年龄:</td>
            <td><input id="stuAge" type="text" name="stuAge" class="wu-text" placeholder="不能为空,例如:18" /></td>
        </tr>
        <tr>
            <td align="right">性别:</td>
            <td><input id="stuSex" type="text" name="stuSex" class="wu-text" placeholder="不能为空,例如:女" /></td>
        </tr>
        <tr>
            <td width="60" align="right">图片上传:</td>
            <td>
                <input class="fl" type="file" id="imgPath" name="file" onchange="javascript:setImagePreview();" />
            </td>
        </tr>
        <tr>
            <td valign="top" align="right">介绍:</td>
            <td><textarea id="stuIntroduce" name="stuIntroduce" rows="6" class="wu-textarea" style="width:260px" placeholder="不能为空,字数为200字以内。" required="true" maxlength="200"></textarea></td>
        </tr>
    </table>
</form>
var obj = document.getElementById("wu-form-stuInfo");//获取id为wu-form-stuInfo的对象
// var obj = document.forms.namedItem("wu-form-stuInfo");//获取表单集合中id为wu-form-stuInfo的form表单
// var obj = document.forms[0];//获取表单集合中的第一个form表单
var formData = new FormData(obj);
formData.append("id",id);//添加学生的id
var file = $("#imgPath")[0].files[0];//获取文件

var formData = new FormData();
formData.append("file", file);
formData.append("id",id);//添加学生的id
formData.append("stuName", $("#stuName").val());
formData.append("stuAge", $("#stuAge").val());
formData.append("stuSex", $("#stuSex").val());
formData.append("stuIntroduce", $("#stuIntroduce").val());

 

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据