ajax图片上传

来源:互联网 发布:网络之重临巅峰txt下载 编辑:程序博客网 时间:2024/06/07 03:36
<form  name="myForm" enctype="multipart/form-data" >    <input class="title input" type="text" placeholder="请输入标题" id="title" name="title">    <input type="file" value="AjaxUpload" style="margin-top: 10px;" id="file" name="img">    <textarea class="desc input" name="desc" id="desc" cols="30" rows="10" placeholder="请输入描述"></textarea>    <textarea class="content input" name="content" id="" cols="30" rows="10" placeholder="请输入内容"></textarea>    <input type="submit" class="a_button" style="margin: 10px auto;" href="" value="保存并发送" id="btn"></form>
$('#btn').click(function () {    var title = document.myForm.title.value;//标题    var desc = document.myForm.desc.value;//简介    var content = document.myForm.content.value;//内容    var img = document.myForm.img.files[0];    var form = new FormData();    form.append('title',title);    form.append('desc',desc);    form.append('content',content);    form.append('img',img);    $.ajax({        url: './add.php',        type: 'post',        data: form,        contentType: false, //禁止设置请求类型        processData: false, //禁止jquery对DAta数据的处理,默认会处理        //禁止的原因是,FormData已经帮我们做了处理        success: function (result) {            //测试是否成功            //但需要你后端有返回值            alert(result);        }    })})

原创粉丝点击