当前位置: 移动技术网 > IT编程>开发语言>Jquery > jQuery ajax 提交表单图片

jQuery ajax 提交表单图片

2019年08月27日  | 移动技术网IT编程  | 我要评论

基于 jquery

 

html:

<form id="form" enctype="multipart/form-data">
    <input type="text" name="name" />
    <input type="text" name="desc" />
    <input type="file" name="image"  id="doc0" />

    <button type="button" id="submit" > 提交 </button>
</form>

 

js:

// 提交表单
    $('#submit').click(function () {
        
        // 创建formdata对象
        var data = new formdata($('#form')[0]);

        // 为formdata对象添加数据
        $.each($('#doc0')[0].files, function(i, file) {
            data.append('image', file);
        });

        $.ajax({
            url:'yoururl',
            type:'post',
            data:data,
            cache: false,
            contenttype: false,        /* 不可缺 */
            processdata: false,         /* 不可缺 */
            success:function(result){
                // 这里是你的成功逻辑
            }
        });
    });

 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网